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

#032a3a はRGBで rgb(3, 42, 58)、OKLCHで oklch(26.775% 0.05095 230.739) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/032a3a

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #032a3a |
| RGB | rgb(3, 42, 58) |
| HSL | hsl(197.45, 90.16%, 11.96%) |
| HSB / HSV | hsv(197.45 94.83% 22.75%) |
| HWB | hwb(197.45 1.18% 77.25%) |
| CMYK | cmyk(95% 28% 0% 77%) |
| Lab | lab(15.15 -8.44 -14.32) |
| LCH | lch(15.15 16.63 239.48) |
| OKLab | oklab(26.775% -0.03225 -0.03945) |
| OKLCH | oklch(26.775% 0.05095 230.739) |
| Display P3 | color(display-p3 0.05964 0.16176 0.22154) |
| Rec. 2020 | color(rec2020 0.04513 0.09737 0.1588) |
| Adobe RGB | color(a98-rgb 0.10641 0.18046 0.23536) |
| ProPhoto RGB | color(prophoto-rgb 0.09361 0.11848 0.16576) |
| 線形sRGB | color(srgb-linear 0.00091 0.02315 0.04231) |
| XYZ D65 | color(xyz-d65 0.01629 0.01981 0.043) |
| XYZ D50 | color(xyz-d50 0.01537 0.01937 0.03247) |
| SwiftUI | Color(red: 0.012, green: 0.165, blue: 0.227) |
| UIKit | UIColor(red: 0.012, green: 0.165, blue: 0.227, alpha: 1) |
| Flutter / Compose | Color(0xFF032A3A) |
| Android XML | #032A3A |

## 基本情報

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

## ティント

#032a3a, #1d3d4c, #34505e, #4b6470, #637884, #7b8e97, #94a3ab, #aeb9c0, #c9d0d4, #e3e7e9

## シェード

#032a3a, #022331, #021c28, #011620, #011018, #000a10, #000509, #000204, #000101, #000000

## トーン

#032a3a, #082a38, #0e2936, #122934, #162932, #192830, #1c282e, #1e272c, #21272a, #232628

## カラーハーモニー

- 補色: #032a3a, #391e0d
- 分裂補色: #032a3a, #3b1b1b, #332304
- 類似色: #032a3a, #002d30, #17263f
- トライアド: #032a3a, #381b29, #272806
- テトラード: #032a3a, #26213d, #391e0d, #272806
- スクエア: #032a3a, #311d35, #391e0d, #172c14
- モノクロマティック: #032a3a, #000714, #000d1c, #25495b, #466b7d

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

### #032a3a は何色ですか？

#032a3a はやわらかな ごく暗い空色です。最も近い名前のある色はやわらかな ごく暗い空色です。RGBでは rgb(3, 42, 58)、HSLでは hsl(197.45, 90.16%, 11.96%)、OKLCHでは oklch(26.775% 0.05095 230.739) です。

### #032a3a に合う色は？

#032a3a の補色は #391e0d です。落ち着いた組み合わせにするなら、類似色の #002d30 と #17263f を使いましょう。トライアドの組み合わせは #381b29 と #272806 です。

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

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

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

#032a3a は寒色系の色です。OKLCHでは色相 231度、明度 26.8%、クロマ 0.051 です。