# カラーコード #031c2c：やわらかな ごく暗い空色

#031c2c はRGBで rgb(3, 28, 44)、OKLCHで oklch(21.626% 0.04439 239.94) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/031c2c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #031c2c |
| RGB | rgb(3, 28, 44) |
| HSL | hsl(203.41, 87.23%, 9.22%) |
| HSB / HSV | hsv(203.41 93.18% 17.25%) |
| HWB | hwb(203.41 1.18% 82.75%) |
| CMYK | cmyk(93% 36% 0% 83%) |
| Lab | lab(9.04 -4.74 -13.86) |
| LCH | lch(9.04 14.65 251.13) |
| OKLab | oklab(21.626% -0.02223 -0.03842) |
| OKLCH | oklch(21.626% 0.04439 239.94) |
| Display P3 | color(display-p3 0.03631 0.10768 0.1672) |
| Rec. 2020 | color(rec2020 0.02469 0.04962 0.10435) |
| Adobe RGB | color(a98-rgb 0.08084 0.13186 0.1856) |
| ProPhoto RGB | color(prophoto-rgb 0.06771 0.0814 0.12352) |
| 線形sRGB | color(srgb-linear 0.00091 0.01161 0.02519) |
| XYZ D65 | color(xyz-d65 0.00907 0.01032 0.02534) |
| XYZ D50 | color(xyz-d50 0.00847 0.01005 0.01913) |
| SwiftUI | Color(red: 0.012, green: 0.11, blue: 0.173) |
| UIKit | UIColor(red: 0.012, green: 0.11, blue: 0.173, alpha: 1) |
| Flutter / Compose | Color(0xFF031C2C) |
| Android XML | #031C2C |

## 基本情報

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

## ティント

#031c2c, #192f3e, #2f4352, #465865, #5e6e7a, #77858f, #919ca4, #abb4ba, #c7ccd1, #e2e5e8

## シェード

#031c2c, #021725, #02121e, #010d17, #010811, #00050a, #000205, #000102, #000001, #000000

## トーン

#031c2c, #061c2a, #081c28, #0b1c27, #0e1b25, #101b23, #121b21, #141b1f, #161a1d, #181a1c

## カラーハーモニー

- 補色: #031c2c, #281403
- 分裂補色: #031c2c, #2b110d, #221800
- 類似色: #031c2c, #001f25, #12182e
- トライアド: #031c2c, #2a1019, #171d03
- テトラード: #031c2c, #1d152b, #281403, #171d03
- スクエア: #031c2c, #251223, #281403, #081f0e
- モノクロマティック: #031c2c, #000615, #000615, #203a4c, #405b6d

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

### #031c2c は何色ですか？

#031c2c はやわらかな ごく暗い空色です。最も近い名前のある色はやわらかな ごく暗い空色です。RGBでは rgb(3, 28, 44)、HSLでは hsl(203.41, 87.23%, 9.22%)、OKLCHでは oklch(21.626% 0.04439 239.94) です。

### #031c2c に合う色は？

#031c2c の補色は #281403 です。落ち着いた組み合わせにするなら、類似色の #001f25 と #12182e を使いましょう。トライアドの組み合わせは #2a1019 と #171d03 です。

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

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

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

#031c2c は寒色系の色です。OKLCHでは色相 240度、明度 21.6%、クロマ 0.044 です。