# カラーコード #228ecb：鮮やかな 空色

#228ecb はRGBで rgb(34, 142, 203)、OKLCHで oklch(61.727% 0.13011 239.896) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/228ecb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #228ecb |
| RGB | rgb(34, 142, 203) |
| HSL | hsl(201.66, 71.31%, 46.47%) |
| HSB / HSV | hsv(201.66 83.25% 79.61%) |
| HWB | hwb(201.66 13.33% 20.39%) |
| CMYK | cmyk(83% 30% 0% 20%) |
| Lab | lab(55.45 -13.69 -40.57) |
| LCH | lch(55.45 42.82 251.36) |
| OKLab | oklab(61.727% -0.06526 -0.11256) |
| OKLCH | oklch(61.727% 0.13011 239.896) |
| Display P3 | color(display-p3 0.27436 0.54883 0.7758) |
| Rec. 2020 | color(rec2020 0.33191 0.49678 0.7468) |
| Adobe RGB | color(a98-rgb 0.33202 0.55182 0.78289) |
| ProPhoto RGB | color(prophoto-rgb 0.38776 0.46772 0.71663) |
| 線形sRGB | color(srgb-linear 0.016 0.2705 0.5972) |
| XYZ D65 | color(xyz-d65 0.21111 0.23997 0.60021) |
| XYZ D50 | color(xyz-d50 0.1966 0.23368 0.45294) |
| SwiftUI | Color(red: 0.133, green: 0.557, blue: 0.796) |
| UIKit | UIColor(red: 0.133, green: 0.557, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF228ECB) |
| Android XML | #228ECB |

## 基本情報

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

## ティント

#228ecb, #429ad1, #5ba5d6, #71b0dc, #86bce1, #9bc7e7, #afd2ec, #c3ddf1, #d7e9f6, #ebf4fa

## シェード

#228ecb, #1c7bb0, #166896, #11567d, #0b4465, #07344d, #032437, #011522, #00070f, #000102

## トーン

#228ecb, #358ec4, #438dbd, #4e8db7, #588cb0, #618ba9, #698aa2, #70899b, #788894, #7f878d

## カラーハーモニー

- 補色: #228ecb, #bd7024
- 分裂補色: #228ecb, #c76455, #a48000
- 類似色: #228ecb, #0099af, #6780d3
- トライアド: #228ecb, #c36182, #7c9026
- テトラード: #228ecb, #9271c8, #bd7024, #7c9026
- スクエア: #228ecb, #b066aa, #bd7024, #419b59
- モノクロマティック: #228ecb, #004777, #0069a4, #51b4f3, #90daff

## #228ecb についてのよくある質問

### #228ecb は何色ですか？

#228ecb は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(34, 142, 203)、HSLでは hsl(201.66, 71.31%, 46.47%)、OKLCHでは oklch(61.727% 0.13011 239.896) です。

### #228ecb に合う色は？

#228ecb の補色は #bd7024 です。落ち着いた組み合わせにするなら、類似色の #0099af と #6780d3 を使いましょう。トライアドの組み合わせは #c36182 と #7c9026 です。

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

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

### #228ecb は暖色と寒色のどちらですか？

#228ecb は寒色系の色です。OKLCHでは色相 240度、明度 61.7%、クロマ 0.13 です。