# カラーコード #033a3a：やわらかな 暗いシアン

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

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #033a3a |
| RGB | rgb(3, 58, 58) |
| HSL | hsl(180, 90.16%, 11.96%) |
| HSB / HSV | hsv(180 94.83% 22.75%) |
| HWB | hwb(180 1.18% 77.25%) |
| CMYK | cmyk(95% 0% 0% 77%) |
| Lab | lab(21.24 -17.14 -5.09) |
| LCH | lch(21.24 17.88 196.54) |
| OKLab | oklab(31.629% -0.05058 -0.0134) |
| OKLCH | oklch(31.629% 0.05233 194.832) |
| Display P3 | color(display-p3 0.088 0.22359 0.22547) |
| Rec. 2020 | color(rec2020 0.07351 0.15735 0.16365) |
| Adobe RGB | color(a98-rgb 0.13736 0.23738 0.23738) |
| ProPhoto RGB | color(prophoto-rgb 0.11505 0.16312 0.17096) |
| 線形sRGB | color(srgb-linear 0.00091 0.04231 0.04231) |
| XYZ D65 | color(xyz-d65 0.02314 0.03351 0.04528) |
| XYZ D50 | color(xyz-d50 0.02275 0.0331 0.03433) |
| SwiftUI | Color(red: 0.012, green: 0.227, blue: 0.227) |
| UIKit | UIColor(red: 0.012, green: 0.227, blue: 0.227, alpha: 1) |
| Flutter / Compose | Color(0xFF033A3A) |
| Android XML | #033A3A |

## 基本情報

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

## ティント

#033a3a, #214c4b, #395e5d, #507070, #688383, #809796, #98abab, #b1bfbf, #cbd4d4, #e5e9e9

## シェード

#033a3a, #023131, #022828, #012020, #011818, #001010, #000909, #000404, #000101, #000000

## トーン

#033a3a, #0c3939, #133938, #193838, #1e3737, #223636, #253535, #293534, #2c3433, #2f3333

## カラーハーモニー

- 補色: #033a3a, #492629
- 分裂補色: #033a3a, #452738, #48291b
- 類似色: #033a3a, #133a2b, #0c3746
- トライアド: #033a3a, #3c2944, #412e10
- テトラード: #033a3a, #1f334c, #492629, #412e10
- スクエア: #033a3a, #2f2e4b, #492629, #363310
- モノクロマティック: #033a3a, #00090a, #001c1c, #2a5b5a, #4d7d7d

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

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

#033a3a はやわらかな 暗いシアンです。最も近い名前のある色はやわらかな 暗いシアンです。RGBでは rgb(3, 58, 58)、HSLでは hsl(180, 90.16%, 11.96%)、OKLCHでは oklch(31.629% 0.05233 194.832) です。

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

#033a3a の補色は #492629 です。落ち着いた組み合わせにするなら、類似色の #133a2b と #0c3746 を使いましょう。トライアドの組み合わせは #3c2944 と #412e10 です。

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

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

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

#033a3a は寒色系の色です。OKLCHでは色相 195度、明度 31.6%、クロマ 0.052 です。