# カラーコード #6ea2b4：スモーキーな 空色

#6ea2b4 はRGBで rgb(110, 162, 180)、OKLCHで oklch(68.224% 0.06104 221.639) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6ea2b4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6ea2b4 |
| RGB | rgb(110, 162, 180) |
| HSL | hsl(195.43, 31.82%, 56.86%) |
| HSB / HSV | hsv(195.43 38.89% 70.59%) |
| HWB | hwb(195.43 43.14% 29.41%) |
| CMYK | cmyk(39% 10% 0% 29%) |
| Lab | lab(63.46 -14.39 -15.14) |
| LCH | lch(63.46 20.89 226.46) |
| OKLab | oklab(68.224% -0.04561 -0.04055) |
| OKLCH | oklch(68.224% 0.06104 221.639) |
| Display P3 | color(display-p3 0.47588 0.62984 0.69747) |
| Rec. 2020 | color(rec2020 0.47534 0.58451 0.66287) |
| Adobe RGB | color(a98-rgb 0.49652 0.62945 0.69728) |
| ProPhoto RGB | color(prophoto-rgb 0.47914 0.55256 0.63387) |
| 線形sRGB | color(srgb-linear 0.15593 0.36131 0.45641) |
| XYZ D65 | color(xyz-d65 0.27587 0.3245 0.47991) |
| XYZ D50 | color(xyz-d50 0.27245 0.32138 0.36317) |
| SwiftUI | Color(red: 0.431, green: 0.635, blue: 0.706) |
| UIKit | UIColor(red: 0.431, green: 0.635, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF6EA2B4) |
| Android XML | #6EA2B4 |

## 基本情報

- 最も近い色名: スモーキーな 空色
- 色相の系統: 空色, スモーキーな 空色
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.8:1
- 黒とのコントラスト: 7.49:1

## ティント

#6ea2b4, #7dabbb, #8bb4c3, #99bdca, #a8c7d2, #b6d0d9, #c5d9e1, #d3e3e8, #e2ecf0, #f0f5f7

## シェード

#6ea2b4, #5f8c9c, #507785, #41636e, #334f58, #263c44, #192a30, #0e191d, #040a0c, #010102

## トーン

#6ea2b4, #73a1b1, #78a0af, #7c9fac, #819fa9, #859ea7, #899da4, #8d9ca1, #919b9e, #959a9c

## カラーハーモニー

- 補色: #6ea2b4, #ba8d7c
- 分裂補色: #6ea2b4, #bb8a8f, #b1936f
- 類似色: #6ea2b4, #6ba5a2, #7e9cbe
- トライアド: #6ea2b4, #b48aa4, #a09b6f
- テトラード: #6ea2b4, #9295be, #ba8d7c, #a09b6f
- スクエア: #6ea2b4, #a68fb5, #ba8d7c, #8ba17a
- モノクロマティック: #6ea2b4, #275b6b, #4a7e8f, #93c8db, #b9efff

## #6ea2b4 についてのよくある質問

### #6ea2b4 は何色ですか？

#6ea2b4 はスモーキーな 空色です。最も近い名前のある色はスモーキーな 空色です。RGBでは rgb(110, 162, 180)、HSLでは hsl(195.43, 31.82%, 56.86%)、OKLCHでは oklch(68.224% 0.06104 221.639) です。

### #6ea2b4 に合う色は？

#6ea2b4 の補色は #ba8d7c です。落ち着いた組み合わせにするなら、類似色の #6ba5a2 と #7e9cbe を使いましょう。トライアドの組み合わせは #b48aa4 と #a09b6f です。

### #6ea2b4 の上では白と黒のどちらの文字が読みやすいですか？

#6ea2b4 の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.8:1、黒は 7.49:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #6ea2b4 は暖色と寒色のどちらですか？

#6ea2b4 は寒色系の色です。OKLCHでは色相 222度、明度 68.2%、クロマ 0.061 です。