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

#4bbdd6 はRGBで rgb(75, 189, 214)、OKLCHで oklch(74.364% 0.10718 214.886) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4bbdd6

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4bbdd6 |
| RGB | rgb(75, 189, 214) |
| HSL | hsl(190.79, 62.9%, 56.67%) |
| HSB / HSV | hsv(190.79 64.95% 83.92%) |
| HWB | hwb(190.79 29.41% 16.08%) |
| CMYK | cmyk(65% 12% 0% 16%) |
| Lab | lab(70.96 -27.6 -22.7) |
| LCH | lch(70.96 35.74 219.44) |
| OKLab | oklab(74.364% -0.08792 -0.0613) |
| OKLCH | oklch(74.364% 0.10718 214.886) |
| Display P3 | color(display-p3 0.4212 0.73161 0.82684) |
| Rec. 2020 | color(rec2020 0.47998 0.69111 0.80514) |
| Adobe RGB | color(a98-rgb 0.47584 0.73552 0.83109) |
| ProPhoto RGB | color(prophoto-rgb 0.51207 0.65768 0.78246) |
| 線形sRGB | color(srgb-linear 0.07036 0.50888 0.67244) |
| XYZ D65 | color(xyz-d65 0.33235 0.42744 0.70119) |
| XYZ D50 | color(xyz-d50 0.32289 0.42123 0.53057) |
| SwiftUI | Color(red: 0.294, green: 0.741, blue: 0.839) |
| UIKit | UIColor(red: 0.294, green: 0.741, blue: 0.839, alpha: 1) |
| Flutter / Compose | Color(0xFF4BBDD6) |
| Android XML | #4BBDD6 |

## 基本情報

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

## ティント

#4bbdd6, #63c4da, #77cbde, #8ad1e3, #9cd8e7, #addfeb, #bee5ef, #cfecf3, #dff2f7, #eff9fb

## シェード

#4bbdd6, #40a4ba, #358c9e, #2b7484, #215d6a, #174752, #0e333b, #061f25, #020d10, #000202

## トーン

#4bbdd6, #5abcd2, #67bace, #72b8ca, #7cb7c5, #85b5c1, #8eb3bd, #96b2b9, #9db0b4, #a5aeb0

## カラーハーモニー

- 補色: #4bbdd6, #e7937e
- 分裂補色: #4bbdd6, #e58fa3, #db9d60
- 類似色: #4bbdd6, #4cc2b5, #6fb3eb
- トライアド: #4bbdd6, #d692c7, #c1ab58
- テトラード: #4bbdd6, #98a6f0, #e7937e, #c1ab58
- スクエア: #4bbdd6, #bc9be3, #e7937e, #9db86b
- モノクロマティック: #4bbdd6, #00738a, #1297af, #76e4fe, #c9ffff

## #4bbdd6 についてのよくある質問

### #4bbdd6 は何色ですか？

#4bbdd6 は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(75, 189, 214)、HSLでは hsl(190.79, 62.9%, 56.67%)、OKLCHでは oklch(74.364% 0.10718 214.886) です。

### #4bbdd6 に合う色は？

#4bbdd6 の補色は #e7937e です。落ち着いた組み合わせにするなら、類似色の #4cc2b5 と #6fb3eb を使いましょう。トライアドの組み合わせは #d692c7 と #c1ab58 です。

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

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

### #4bbdd6 は暖色と寒色のどちらですか？

#4bbdd6 は寒色系の色です。OKLCHでは色相 215度、明度 74.4%、クロマ 0.107 です。