# カラーコード #0b232f：くすんだ ごく暗い空色

#0b232f はRGBで rgb(11, 35, 47)、OKLCHで oklch(24.343% 0.0375 233.001) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/0b232f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0b232f |
| RGB | rgb(11, 35, 47) |
| HSL | hsl(200, 62.07%, 11.37%) |
| HSB / HSV | hsv(200 76.6% 18.43%) |
| HWB | hwb(200 4.31% 81.57%) |
| CMYK | cmyk(77% 26% 0% 82%) |
| Lab | lab(12.3 -6.11 -10.94) |
| LCH | lch(12.3 12.53 240.84) |
| OKLab | oklab(24.343% -0.02257 -0.02995) |
| OKLCH | oklch(24.343% 0.0375 233.001) |
| Display P3 | color(display-p3 0.06784 0.13511 0.1798) |
| Rec. 2020 | color(rec2020 0.03989 0.07204 0.11706) |
| Adobe RGB | color(a98-rgb 0.10597 0.156 0.19658) |
| ProPhoto RGB | color(prophoto-rgb 0.08293 0.09987 0.13343) |
| 線形sRGB | color(srgb-linear 0.00335 0.01681 0.02843) |
| XYZ D65 | color(xyz-d65 0.01252 0.01478 0.02909) |
| XYZ D50 | color(xyz-d50 0.012 0.01452 0.02198) |
| SwiftUI | Color(red: 0.043, green: 0.137, blue: 0.184) |
| UIKit | UIColor(red: 0.043, green: 0.137, blue: 0.184, alpha: 1) |
| Flutter / Compose | Color(0xFF0B232F) |
| Android XML | #0B232F |

## 基本情報

- 最も近い色名: くすんだ ごく暗い空色
- 色相の系統: 空色, くすんだ ごく暗い空色
- 最も近いTailwindクラス: gray-800
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 16.21:1
- 黒とのコントラスト: 1.3:1

## ティント

#0b232f, #213641, #364954, #4d5e67, #64737c, #7c8990, #959fa6, #aeb7bb, #c9ced1, #e4e6e8

## シェード

#0b232f, #081d27, #061720, #041119, #020c12, #01070c, #010406, #000103, #000001, #000000

## トーン

#0b232f, #0e232e, #11232c, #13222b, #152229, #172228, #192126, #1b2125, #1d2123, #1e2022

## カラーハーモニー

- 補色: #0b232f, #2e1b0e
- 分裂補色: #0b232f, #301918, #291e09
- 類似色: #0b232f, #042528, #162032
- トライアド: #0b232f, #2e1822, #20220c
- テトラード: #0b232f, #211d30, #2e1b0e, #20220c
- スクエア: #0b232f, #291a2a, #2e1b0e, #152514
- モノクロマティック: #0b232f, #000711, #000812, #29424f, #496371

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

### #0b232f は何色ですか？

#0b232f はくすんだ ごく暗い空色です。最も近い名前のある色はくすんだ ごく暗い空色です。RGBでは rgb(11, 35, 47)、HSLでは hsl(200, 62.07%, 11.37%)、OKLCHでは oklch(24.343% 0.0375 233.001) です。

### #0b232f に合う色は？

#0b232f の補色は #2e1b0e です。落ち着いた組み合わせにするなら、類似色の #042528 と #162032 を使いましょう。トライアドの組み合わせは #2e1822 と #20220c です。

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

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

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

#0b232f は寒色系の色です。OKLCHでは色相 233度、明度 24.3%、クロマ 0.038 です。