# カラーコード #4dbbee：鮮やかな 明るい空色

#4dbbee はRGBで rgb(77, 187, 238)、OKLCHで oklch(74.972% 0.12309 231.882) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4dbbee |
| RGB | rgb(77, 187, 238) |
| HSL | hsl(199.01, 82.56%, 61.76%) |
| HSB / HSV | hsv(199.01 67.65% 93.33%) |
| HWB | hwb(199.01 30.2% 6.67%) |
| CMYK | cmyk(68% 21% 0% 7%) |
| Lab | lab(71.19 -20.47 -35.32) |
| LCH | lch(71.19 40.82 239.9) |
| OKLab | oklab(74.972% -0.07598 -0.09684) |
| OKLCH | oklch(74.972% 0.12309 231.882) |
| Display P3 | color(display-p3 0.4226 0.72398 0.91416) |
| Rec. 2020 | color(rec2020 0.48685 0.68468 0.90093) |
| Adobe RGB | color(a98-rgb 0.47512 0.72762 0.92391) |
| ProPhoto RGB | color(prophoto-rgb 0.53423 0.65385 0.88322) |
| 線形sRGB | color(srgb-linear 0.07421 0.49693 0.85499) |
| XYZ D65 | color(xyz-d65 0.36261 0.4329 0.87336) |
| XYZ D50 | color(xyz-d50 0.34609 0.42459 0.65983) |
| SwiftUI | Color(red: 0.302, green: 0.733, blue: 0.933) |
| UIKit | UIColor(red: 0.302, green: 0.733, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFF4DBBEE) |
| Android XML | #4DBBEE |

## 基本情報

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

## ティント

#4dbbee, #64c2f0, #78c9f2, #8bd0f4, #9cd7f6, #aedef8, #bee5f9, #cfebfb, #dff2fc, #eff8fe

## シェード

#4dbbee, #42a2cf, #378ab1, #2c7393, #225c77, #18465c, #0f3242, #071f2a, #020d14, #000203

## トーン

#4dbbee, #5cbae8, #68b9e1, #73b8db, #7db7d5, #86b5ce, #8fb4c8, #97b3c2, #9fb1bb, #a6afb4

## カラーハーモニー

- 補色: #4dbbee, #eb9661
- 分裂補色: #4dbbee, #f28d8b, #d5a648
- 類似色: #4dbbee, #1fc4cf, #82adfc
- トライアド: #4dbbee, #e98cb6, #b0b552
- テトラード: #4dbbee, #af9ff5, #eb9661, #b0b552
- スクエア: #4dbbee, #d293dc, #eb9661, #7fc278
- モノクロマティック: #4dbbee, #0070a0, #1895c6, #8ae1ff, #d9fbff

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

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

#4dbbee は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(77, 187, 238)、HSLでは hsl(199.01, 82.56%, 61.76%)、OKLCHでは oklch(74.972% 0.12309 231.882) です。

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

#4dbbee の補色は #eb9661 です。落ち着いた組み合わせにするなら、類似色の #1fc4cf と #82adfc を使いましょう。トライアドの組み合わせは #e98cb6 と #b0b552 です。

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

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

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

#4dbbee は寒色系の色です。OKLCHでは色相 232度、明度 75%、クロマ 0.123 です。