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

#024e5e はRGBで rgb(2, 78, 94)、OKLCHで oklch(39.15% 0.0695 217.847) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/024e5e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #024e5e |
| RGB | rgb(2, 78, 94) |
| HSL | hsl(190.43, 95.83%, 18.82%) |
| HSB / HSV | hsv(190.43 97.87% 36.86%) |
| HWB | hwb(190.43 0.78% 63.14%) |
| CMYK | cmyk(98% 17% 0% 63%) |
| Lab | lab(29.8 -16.56 -15.65) |
| LCH | lch(29.8 22.78 223.37) |
| OKLab | oklab(39.15% -0.05488 -0.04264) |
| OKLCH | oklch(39.15% 0.0695 217.847) |
| Display P3 | color(display-p3 0.12329 0.30088 0.36146) |
| Rec. 2020 | color(rec2020 0.12867 0.23582 0.30274) |
| Adobe RGB | color(a98-rgb 0.17681 0.31016 0.36723) |
| ProPhoto RGB | color(prophoto-rgb 0.17004 0.2278 0.28718) |
| 線形sRGB | color(srgb-linear 0.00061 0.07619 0.11193) |
| XYZ D65 | color(xyz-d65 0.04769 0.0627 0.11549) |
| XYZ D50 | color(xyz-d50 0.04562 0.06154 0.08734) |
| SwiftUI | Color(red: 0.008, green: 0.306, blue: 0.369) |
| UIKit | UIColor(red: 0.008, green: 0.306, blue: 0.369, alpha: 1) |
| Flutter / Compose | Color(0xFF024E5E) |
| Android XML | #024E5E |

## 基本情報

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

## ティント

#024e5e, #265e6d, #406f7c, #57808c, #6e919c, #86a3ac, #9db5bc, #b5c7cc, #cdd9dd, #e6ecee

## シェード

#024e5e, #014351, #013844, #012d37, #00232b, #00191f, #000f14, #00070a, #000203, #000000

## トーン

#024e5e, #124d5c, #1c4d59, #244c57, #2a4b54, #304a52, #35494f, #39484d, #3d474a, #414648

## カラーハーモニー

- 補色: #024e5e, #653729
- 分裂補色: #024e5e, #65353e, #5e3e17
- 類似色: #024e5e, #00514c, #244869
- トライアド: #024e5e, #5d3652, #4f4513
- テトラード: #024e5e, #3d416a, #653729, #4f4513
- スクエア: #024e5e, #503b62, #653729, #3b4c21
- モノクロマティック: #024e5e, #000f19, #002e3d, #317081, #5694a6

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

### #024e5e は何色ですか？

#024e5e はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(2, 78, 94)、HSLでは hsl(190.43, 95.83%, 18.82%)、OKLCHでは oklch(39.15% 0.0695 217.847) です。

### #024e5e に合う色は？

#024e5e の補色は #653729 です。落ち着いた組み合わせにするなら、類似色の #00514c と #244869 を使いましょう。トライアドの組み合わせは #5d3652 と #4f4513 です。

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

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

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

#024e5e は寒色系の色です。OKLCHでは色相 218度、明度 39.2%、クロマ 0.07 です。