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

#4eb0cc はRGBで rgb(78, 176, 204)、OKLCHで oklch(70.997% 0.09941 219.602) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4eb0cc |
| RGB | rgb(78, 176, 204) |
| HSL | hsl(193.33, 55.26%, 55.29%) |
| HSB / HSV | hsv(193.33 61.76% 80%) |
| HWB | hwb(193.33 30.59% 20%) |
| CMYK | cmyk(62% 14% 0% 20%) |
| Lab | lab(66.88 -23.5 -23.4) |
| LCH | lch(66.88 33.16 224.89) |
| OKLab | oklab(70.997% -0.07659 -0.06337) |
| OKLCH | oklch(70.997% 0.09941 219.602) |
| Display P3 | color(display-p3 0.40966 0.68163 0.7873) |
| Rec. 2020 | color(rec2020 0.45334 0.63777 0.76118) |
| Adobe RGB | color(a98-rgb 0.45639 0.68428 0.79083) |
| ProPhoto RGB | color(prophoto-rgb 0.48171 0.60417 0.7353) |
| 線形sRGB | color(srgb-linear 0.07619 0.43415 0.60383) |
| XYZ D65 | color(xyz-d65 0.29564 0.37028 0.62718) |
| XYZ D50 | color(xyz-d50 0.28683 0.36479 0.4744) |
| SwiftUI | Color(red: 0.306, green: 0.69, blue: 0.8) |
| UIKit | UIColor(red: 0.306, green: 0.69, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF4EB0CC) |
| Android XML | #4EB0CC |

## 基本情報

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

## ティント

#4eb0cc, #64b8d1, #77c0d6, #89c8dc, #9bd0e1, #acd8e6, #bde0eb, #cee7f0, #deeff5, #eff7fa

## シェード

#4eb0cc, #4399b1, #388297, #2d6c7e, #235665, #19424e, #0f2e37, #071c22, #020b0f, #000102

## トーン

#4eb0cc, #5aafc8, #65adc4, #6eacbf, #77abbb, #7fa9b7, #87a8b3, #8ea6ae, #95a5aa, #9ba3a6

## カラーハーモニー

- 補色: #4eb0cc, #d78c72
- 分裂補色: #4eb0cc, #d78794, #ca965a
- 類似色: #4eb0cc, #48b5af, #70a6dd
- トライアド: #4eb0cc, #cb89b5, #b0a356
- テトラード: #4eb0cc, #959bdf, #d78c72, #b0a356
- スクエア: #4eb0cc, #b490d0, #d78c72, #8dae6a
- モノクロマティック: #4eb0cc, #006781, #1f8ba6, #77d7f4, #bdfaff

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

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

#4eb0cc は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(78, 176, 204)、HSLでは hsl(193.33, 55.26%, 55.29%)、OKLCHでは oklch(70.997% 0.09941 219.602) です。

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

#4eb0cc の補色は #d78c72 です。落ち着いた組み合わせにするなら、類似色の #48b5af と #70a6dd を使いましょう。トライアドの組み合わせは #cb89b5 と #b0a356 です。

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

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

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

#4eb0cc は寒色系の色です。OKLCHでは色相 220度、明度 71%、クロマ 0.099 です。