# カラーコード #437fa7：やわらかな 空色

#437fa7 はRGBで rgb(67, 127, 167)、OKLCHで oklch(57.32% 0.08798 239.925) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/437fa7

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #437fa7 |
| RGB | rgb(67, 127, 167) |
| HSL | hsl(204, 42.74%, 45.88%) |
| HSB / HSV | hsv(204 59.88% 65.49%) |
| HWB | hwb(204 26.27% 34.51%) |
| CMYK | cmyk(60% 24% 0% 35%) |
| Lab | lab(50.46 -10.85 -27.74) |
| LCH | lch(50.46 29.79 248.63) |
| OKLab | oklab(57.32% -0.04409 -0.07614) |
| OKLCH | oklch(57.32% 0.08798 239.925) |
| Display P3 | color(display-p3 0.32057 0.49237 0.64073) |
| Rec. 2020 | color(rec2020 0.327 0.43761 0.59976) |
| Adobe RGB | color(a98-rgb 0.35194 0.49419 0.64349) |
| ProPhoto RGB | color(prophoto-rgb 0.35381 0.41098 0.56721) |
| 線形sRGB | color(srgb-linear 0.05613 0.21223 0.38643) |
| XYZ D65 | color(xyz-d65 0.16878 0.19161 0.3937) |
| XYZ D50 | color(xyz-d50 0.16151 0.18806 0.29733) |
| SwiftUI | Color(red: 0.263, green: 0.498, blue: 0.655) |
| UIKit | UIColor(red: 0.263, green: 0.498, blue: 0.655, alpha: 1) |
| Flutter / Compose | Color(0xFF437FA7) |
| Android XML | #437FA7 |

## 基本情報

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

## ティント

#437fa7, #578bb0, #6998b9, #7ca5c2, #8eb1ca, #a1bed3, #b3cbdc, #c6d8e5, #d9e5ee, #ecf2f6

## シェード

#437fa7, #396e91, #2f5d7b, #264c66, #1d3c52, #142d3e, #0c1f2c, #05111a, #01060a, #000101

## トーン

#437fa7, #4a7fa2, #507e9e, #567e99, #5c7d95, #617c90, #667c8b, #6b7b87, #6f7a82, #74797d

## カラーハーモニー

- 補色: #437fa7, #9e6b40
- 分裂補色: #437fa7, #a66459, #8d7636
- 類似色: #437fa7, #268695, #6476ad
- トライアド: #437fa7, #a36276, #728042
- テトラード: #437fa7, #806ca5, #9e6b40, #728042
- スクエア: #437fa7, #966591, #9e6b40, #50875c
- モノクロマティック: #437fa7, #003a5e, #1d5c82, #67a4ce, #8dcaf5

## #437fa7 についてのよくある質問

### #437fa7 は何色ですか？

#437fa7 はやわらかな 空色です。最も近い名前のある色はやわらかな 空色です。RGBでは rgb(67, 127, 167)、HSLでは hsl(204, 42.74%, 45.88%)、OKLCHでは oklch(57.32% 0.08798 239.925) です。

### #437fa7 に合う色は？

#437fa7 の補色は #9e6b40 です。落ち着いた組み合わせにするなら、類似色の #268695 と #6476ad を使いましょう。トライアドの組み合わせは #a36276 と #728042 です。

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

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

### #437fa7 は暖色と寒色のどちらですか？

#437fa7 は寒色系の色です。OKLCHでは色相 240度、明度 57.3%、クロマ 0.088 です。