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

#033554 はRGBで rgb(3, 53, 84)、OKLCHで oklch(31.606% 0.07385 243.011) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #033554 |
| RGB | rgb(3, 53, 84) |
| HSL | hsl(202.96, 93.1%, 17.06%) |
| HSB / HSV | hsv(202.96 96.43% 32.94%) |
| HWB | hwb(202.96 1.18% 67.06%) |
| CMYK | cmyk(96% 37% 0% 67%) |
| Lab | lab(20.48 -5.79 -23.62) |
| LCH | lch(20.48 24.32 256.21) |
| OKLab | oklab(31.606% -0.03351 -0.06581) |
| OKLCH | oklch(31.606% 0.07385 243.011) |
| Display P3 | color(display-p3 0.07902 0.20427 0.31959) |
| Rec. 2020 | color(rec2020 0.0726 0.14013 0.2585) |
| Adobe RGB | color(a98-rgb 0.12754 0.21945 0.32854) |
| ProPhoto RGB | color(prophoto-rgb 0.12795 0.15202 0.2474) |
| 線形sRGB | color(srgb-linear 0.00091 0.0356 0.08866) |
| XYZ D65 | color(xyz-d65 0.02911 0.03205 0.08853) |
| XYZ D50 | color(xyz-d50 0.02679 0.0311 0.06678) |
| SwiftUI | Color(red: 0.012, green: 0.208, blue: 0.329) |
| UIKit | UIColor(red: 0.012, green: 0.208, blue: 0.329, alpha: 1) |
| Flutter / Compose | Color(0xFF033554) |
| Android XML | #033554 |

## 基本情報

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

## ティント

#033554, #204764, #385a74, #4f6d85, #678196, #7f95a7, #97a9b8, #b0beca, #cad3db, #e4e9ed

## シェード

#033554, #022d48, #02253c, #011d31, #011526, #000e1b, #000811, #000308, #000102, #000000

## トーン

#033554, #0c3551, #13354d, #18354a, #1d3447, #213443, #253440, #28333c, #2c3339, #2f3235

## カラーハーモニー

- 補色: #033554, #4b2800
- 分裂補色: #033554, #512118, #3f3000
- 類似色: #033554, #003b48, #262e57
- トライアド: #033554, #4f1f2e, #2b3704
- テトラード: #033554, #3a2750, #4b2800, #2b3704
- スクエア: #033554, #472242, #4b2800, #093c1f
- モノクロマティック: #033554, #00061a, #001633, #295677, #4b789b

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

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

#033554 はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(3, 53, 84)、HSLでは hsl(202.96, 93.1%, 17.06%)、OKLCHでは oklch(31.606% 0.07385 243.011) です。

### #033554 に合う色は？

#033554 の補色は #4b2800 です。落ち着いた組み合わせにするなら、類似色の #003b48 と #262e57 を使いましょう。トライアドの組み合わせは #4f1f2e と #2b3704 です。

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

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

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

#033554 は寒色系の色です。OKLCHでは色相 243度、明度 31.6%、クロマ 0.074 です。