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

#2f587c はRGBで rgb(47, 88, 124)、OKLCHで oklch(44.73% 0.07533 246.92) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2f587c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2f587c |
| RGB | rgb(47, 88, 124) |
| HSL | hsl(208.05, 45.03%, 33.53%) |
| HSB / HSV | hsv(208.05 62.1% 48.63%) |
| HWB | hwb(208.05 18.43% 51.37%) |
| CMYK | cmyk(62% 29% 0% 51%) |
| Lab | lab(35.69 -5.83 -25.12) |
| LCH | lch(35.69 25.79 256.94) |
| OKLab | oklab(44.73% -0.02953 -0.0693) |
| OKLCH | oklch(44.73% 0.07533 246.92) |
| Display P3 | color(display-p3 0.22293 0.34115 0.47436) |
| Rec. 2020 | color(rec2020 0.2076 0.28002 0.42083) |
| Adobe RGB | color(a98-rgb 0.2517 0.34711 0.47804) |
| ProPhoto RGB | color(prophoto-rgb 0.2382 0.2684 0.39327) |
| 線形sRGB | color(srgb-linear 0.02843 0.09759 0.20156) |
| XYZ D65 | color(xyz-d65 0.083 0.09039 0.20377) |
| XYZ D50 | color(xyz-d50 0.07882 0.0885 0.1538) |
| SwiftUI | Color(red: 0.184, green: 0.345, blue: 0.486) |
| UIKit | UIColor(red: 0.184, green: 0.345, blue: 0.486, alpha: 1) |
| Flutter / Compose | Color(0xFF2F587C) |
| Android XML | #2F587C |

## 基本情報

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

## ティント

#2f587c, #436889, #577796, #6b88a3, #7f98b0, #93a9bd, #a8b9ca, #bdcad7, #d3dce4, #e9edf2

## シェード

#2f587c, #274b6b, #203f5a, #19334a, #12283b, #0c1d2c, #06121e, #030911, #010305, #000001

## トーン

#2f587c, #345878, #385874, #3c5770, #40576d, #445769, #475665, #4b5661, #4e555d, #515559

## カラーハーモニー

- 補色: #2f587c, #704c22
- 分裂補色: #2f587c, #784536, #60541d
- 類似色: #2f587c, #0f5e70, #4a507e
- トライアド: #2f587c, #78424d, #495c2c
- テトラード: #2f587c, #5f4975, #704c22, #495c2c
- スクエア: #2f587c, #6f4464, #704c22, #2c6143
- モノクロマティック: #2f587c, #001837, #0c3759, #517ba1, #749fc7

## #2f587c についてのよくある質問

### #2f587c は何色ですか？

#2f587c はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(47, 88, 124)、HSLでは hsl(208.05, 45.03%, 33.53%)、OKLCHでは oklch(44.73% 0.07533 246.92) です。

### #2f587c に合う色は？

#2f587c の補色は #704c22 です。落ち着いた組み合わせにするなら、類似色の #0f5e70 と #4a507e を使いましょう。トライアドの組み合わせは #78424d と #495c2c です。

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

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

### #2f587c は暖色と寒色のどちらですか？

#2f587c は寒色系の色です。OKLCHでは色相 247度、明度 44.7%、クロマ 0.075 です。