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

#03475b はRGBで rgb(3, 71, 91)、OKLCHで oklch(37.048% 0.06874 224.895) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/03475b

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #03475b |
| RGB | rgb(3, 71, 91) |
| HSL | hsl(193.64, 93.62%, 18.43%) |
| HSB / HSV | hsv(193.64 96.7% 35.69%) |
| HWB | hwb(193.64 1.18% 64.31%) |
| CMYK | cmyk(97% 22% 0% 64%) |
| Lab | lab(27.22 -13.73 -17.69) |
| LCH | lch(27.22 22.39 232.17) |
| OKLab | oklab(37.048% -0.04869 -0.04851) |
| OKLCH | oklch(37.048% 0.06874 224.895) |
| Display P3 | color(display-p3 0.1117 0.27384 0.34891) |
| Rec. 2020 | color(rec2020 0.11289 0.20876 0.28944) |
| Adobe RGB | color(a98-rgb 0.16336 0.2845 0.35559) |
| ProPhoto RGB | color(prophoto-rgb 0.15772 0.20574 0.27511) |
| 線形sRGB | color(srgb-linear 0.00091 0.06301 0.10462) |
| XYZ D65 | color(xyz-d65 0.04179 0.05281 0.10697) |
| XYZ D50 | color(xyz-d50 0.03963 0.05172 0.08084) |
| SwiftUI | Color(red: 0.012, green: 0.278, blue: 0.357) |
| UIKit | UIColor(red: 0.012, green: 0.278, blue: 0.357, alpha: 1) |
| Flutter / Compose | Color(0xFF03475B) |
| Android XML | #03475B |

## 基本情報

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

## ティント

#03475b, #25586a, #3e697a, #557b8a, #6c8d9a, #849faa, #9cb1bb, #b4c4cb, #cdd8dc, #e6ebee

## シェード

#03475b, #023d4e, #023241, #012835, #011f29, #00161e, #000d13, #000609, #000203, #000000

## トーン

#03475b, #114658, #1a4656, #214553, #264550, #2b444e, #30434b, #344248, #384245, #3c4143

## カラーハーモニー

- 補色: #03475b, #5d331f
- 分裂補色: #03475b, #5f2f34, #553a0e
- 類似色: #03475b, #004b4b, #254163
- トライアド: #03475b, #593048, #45420f
- テトラード: #03475b, #3c3a63, #5d331f, #45420f
- スクエア: #03475b, #4d3459, #5d331f, #304821
- モノクロマティック: #03475b, #000a15, #00273a, #2f697e, #538ca2

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

### #03475b は何色ですか？

#03475b はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(3, 71, 91)、HSLでは hsl(193.64, 93.62%, 18.43%)、OKLCHでは oklch(37.048% 0.06874 224.895) です。

### #03475b に合う色は？

#03475b の補色は #5d331f です。落ち着いた組み合わせにするなら、類似色の #004b4b と #254163 を使いましょう。トライアドの組み合わせは #593048 と #45420f です。

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

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

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

#03475b は寒色系の色です。OKLCHでは色相 225度、明度 37%、クロマ 0.069 です。