# カラーコード #2f507a：やわらかな 暗い青

#2f507a はRGBで rgb(47, 80, 122)、OKLCHで oklch(42.649% 0.08034 255.149) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2f507a |
| RGB | rgb(47, 80, 122) |
| HSL | hsl(213.6, 44.38%, 33.14%) |
| HSB / HSV | hsv(213.6 61.48% 47.84%) |
| HWB | hwb(213.6 18.43% 52.16%) |
| CMYK | cmyk(61% 34% 0% 52%) |
| Lab | lab(33.06 -1.75 -28) |
| LCH | lch(33.06 28.05 266.43) |
| OKLab | oklab(42.649% -0.02059 -0.07765) |
| OKLCH | oklch(42.649% 0.08034 255.149) |
| Display P3 | color(display-p3 0.21396 0.31041 0.46551) |
| Rec. 2020 | color(rec2020 0.19302 0.24937 0.41116) |
| Adobe RGB | color(a98-rgb 0.23958 0.31752 0.46984) |
| ProPhoto RGB | color(prophoto-rgb 0.22622 0.24298 0.38375) |
| 線形sRGB | color(srgb-linear 0.02843 0.08022 0.19462) |
| XYZ D65 | color(xyz-d65 0.07553 0.07747 0.1951) |
| XYZ D50 | color(xyz-d50 0.07114 0.07563 0.14716) |
| SwiftUI | Color(red: 0.184, green: 0.314, blue: 0.478) |
| UIKit | UIColor(red: 0.184, green: 0.314, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFF2F507A) |
| Android XML | #2F507A |

## 基本情報

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

## ティント

#2f507a, #426087, #567194, #6982a1, #7e93af, #92a4bc, #a7b6c9, #bdc8d7, #d2dae4, #e8ecf1

## シェード

#2f507a, #274469, #203959, #192e49, #12243a, #0c1a2b, #06101d, #030710, #010205, #000001

## トーン

#2f507a, #335076, #365072, #3a506d, #3d5069, #405065, #435061, #46505c, #494f58, #4c4f53

## カラーハーモニー

- 補色: #2f507a, #684812
- 分裂補色: #2f507a, #733f27, #555113
- 類似色: #2f507a, #025770, #4b4879
- トライアド: #2f507a, #743b40, #3b592a
- テトラード: #2f507a, #5f406d, #684812, #3b592a
- スクエア: #2f507a, #6e3c59, #684812, #155c44
- モノクロマティック: #2f507a, #001035, #0f2f57, #50729f, #7397c5

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

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

#2f507a はやわらかな 暗い青です。最も近い名前のある色はやわらかな 暗い青です。RGBでは rgb(47, 80, 122)、HSLでは hsl(213.6, 44.38%, 33.14%)、OKLCHでは oklch(42.649% 0.08034 255.149) です。

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

#2f507a の補色は #684812 です。落ち着いた組み合わせにするなら、類似色の #025770 と #4b4879 を使いましょう。トライアドの組み合わせは #743b40 と #3b592a です。

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

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

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

#2f507a は寒色系の色です。OKLCHでは色相 255度、明度 42.6%、クロマ 0.08 です。