# カラーコード #22b8bb：鮮やかな 明るいシアン

#22b8bb はRGBで rgb(34, 184, 187)、OKLCHで oklch(71.241% 0.11553 197.042) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/22b8bb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #22b8bb |
| RGB | rgb(34, 184, 187) |
| HSL | hsl(181.18, 69.23%, 43.33%) |
| HSB / HSV | hsv(181.18 81.82% 73.33%) |
| HWB | hwb(181.18 13.33% 26.67%) |
| CMYK | cmyk(82% 2% 0% 27%) |
| Lab | lab(67.82 -37.17 -12.81) |
| LCH | lch(67.82 39.32 199.01) |
| OKLab | oklab(71.241% -0.11046 -0.03386) |
| OKLCH | oklch(71.241% 0.11553 197.042) |
| Display P3 | color(display-p3 0.34623 0.71109 0.72702) |
| Rec. 2020 | color(rec2020 0.42061 0.66625 0.69632) |
| Adobe RGB | color(a98-rgb 0.41946 0.71578 0.72714) |
| ProPhoto RGB | color(prophoto-rgb 0.44895 0.62913 0.67031) |
| 線形sRGB | color(srgb-linear 0.016 0.47932 0.49693) |
| XYZ D65 | color(xyz-d65 0.26768 0.38207 0.52979) |
| XYZ D50 | color(xyz-d50 0.26269 0.3773 0.40162) |
| SwiftUI | Color(red: 0.133, green: 0.722, blue: 0.733) |
| UIKit | UIColor(red: 0.133, green: 0.722, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF22B8BB) |
| Android XML | #22B8BB |

## 基本情報

- 最も近い色名: 鮮やかな 明るいシアン
- 色相の系統: シアン, 鮮やかな 明るいシアン
- 最も近いTailwindクラス: teal-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.43:1
- 黒とのコントラスト: 8.64:1

## ティント

#22b8bb, #4abfc2, #64c7c8, #7bcecf, #90d5d6, #a4dcdd, #b6e3e4, #c9eaea, #dbf1f1, #edf8f8

## シェード

#22b8bb, #1ca0a2, #16888a, #117173, #0b5b5c, #074546, #033132, #011e1f, #000c0d, #000202

## トーン

#22b8bb, #3eb6b9, #51b4b6, #5fb2b4, #6cb0b1, #77aeaf, #81acac, #8aa9aa, #92a7a7, #9aa5a5

## カラーハーモニー

- 補色: #22b8bb, #e18388
- 分裂補色: #22b8bb, #d784b0, #dd8b61
- 類似色: #22b8bb, #4cb993, #41b0da
- トライアド: #22b8bb, #bf8bd2, #cb9846
- テトラード: #22b8bb, #73a4ea, #e18388, #cb9846
- スクエア: #22b8bb, #9e97e7, #e18388, #aaa74a
- モノクロマティック: #22b8bb, #006c6f, #009296, #59dfe2, #8effff

## #22b8bb についてのよくある質問

### #22b8bb は何色ですか？

#22b8bb は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(34, 184, 187)、HSLでは hsl(181.18, 69.23%, 43.33%)、OKLCHでは oklch(71.241% 0.11553 197.042) です。

### #22b8bb に合う色は？

#22b8bb の補色は #e18388 です。落ち着いた組み合わせにするなら、類似色の #4cb993 と #41b0da を使いましょう。トライアドの組み合わせは #bf8bd2 と #cb9846 です。

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

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

### #22b8bb は暖色と寒色のどちらですか？

#22b8bb は寒色系の色です。OKLCHでは色相 197度、明度 71.2%、クロマ 0.116 です。