# カラーコード #066476：やわらかな 暗い空色

#066476 はRGBで rgb(6, 100, 118)、OKLCHで oklch(46.42% 0.08084 216.095) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/066476

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #066476 |
| RGB | rgb(6, 100, 118) |
| HSL | hsl(189.64, 90.32%, 24.31%) |
| HSB / HSV | hsv(189.64 94.92% 46.27%) |
| HWB | hwb(189.64 2.35% 53.73%) |
| CMYK | cmyk(95% 15% 0% 54%) |
| Lab | lab(38.33 -20 -17.51) |
| LCH | lch(38.33 26.58 221.2) |
| OKLab | oklab(46.42% -0.06533 -0.04763) |
| OKLCH | oklch(46.42% 0.08084 216.095) |
| Display P3 | color(display-p3 0.16849 0.386 0.45437) |
| Rec. 2020 | color(rec2020 0.18867 0.32309 0.4005) |
| Adobe RGB | color(a98-rgb 0.22499 0.3919 0.45731) |
| ProPhoto RGB | color(prophoto-rgb 0.22552 0.30303 0.37587) |
| 線形sRGB | color(srgb-linear 0.00182 0.12744 0.18116) |
| XYZ D65 | color(xyz-d65 0.07902 0.10461 0.18743) |
| XYZ D50 | color(xyz-d50 0.0758 0.10275 0.14177) |
| SwiftUI | Color(red: 0.024, green: 0.392, blue: 0.463) |
| UIKit | UIColor(red: 0.024, green: 0.392, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF066476) |
| Android XML | #066476 |

## 基本情報

- 最も近い色名: やわらかな 暗い空色
- 色相の系統: 空色, やわらかな 暗い空色
- 最も近いTailwindクラス: cyan-800
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 6.79:1
- 黒とのコントラスト: 3.09:1

## ティント

#066476, #2e7383, #488290, #5f919e, #76a0ab, #8cafb9, #a3bfc7, #b9cfd4, #d0dfe2, #e8eff1

## シェード

#066476, #045666, #034856, #023b47, #012e38, #012229, #00161c, #000b0f, #000305, #000001

## トーン

#066476, #1b6373, #276270, #30616d, #38606b, #3e5f68, #455e65, #4a5d62, #4f5c5f, #545a5c

## カラーハーモニー

- 補色: #066476, #804839
- 分裂補色: #066476, #7f4552, #784f22
- 類似色: #066476, #026860, #2f5d84
- トライアド: #066476, #75476a, #67591c
- テトラード: #066476, #4d5586, #804839, #67591c
- スクエア: #066476, #644d7d, #804839, #4e612c
- モノクロマティック: #066476, #00222d, #004254, #39879a, #60adc0

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

### #066476 は何色ですか？

#066476 はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(6, 100, 118)、HSLでは hsl(189.64, 90.32%, 24.31%)、OKLCHでは oklch(46.42% 0.08084 216.095) です。

### #066476 に合う色は？

#066476 の補色は #804839 です。落ち着いた組み合わせにするなら、類似色の #026860 と #2f5d84 を使いましょう。トライアドの組み合わせは #75476a と #67591c です。

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

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

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

#066476 は寒色系の色です。OKLCHでは色相 216度、明度 46.4%、クロマ 0.081 です。