# カラーコード #4ea0bc：鮮やかな 空色

#4ea0bc はRGBで rgb(78, 160, 188)、OKLCHで oklch(66.557% 0.08958 223.055) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4ea0bc |
| RGB | rgb(78, 160, 188) |
| HSL | hsl(195.27, 45.08%, 52.16%) |
| HSB / HSV | hsv(195.27 58.51% 73.73%) |
| HWB | hwb(195.27 30.59% 26.27%) |
| CMYK | cmyk(59% 15% 0% 26%) |
| Lab | lab(61.61 -19.75 -22.56) |
| LCH | lch(61.61 29.98 228.8) |
| OKLab | oklab(66.557% -0.06546 -0.06116) |
| OKLCH | oklch(66.557% 0.08958 223.055) |
| Display P3 | color(display-p3 0.38868 0.62 0.72515) |
| Rec. 2020 | color(rec2020 0.41557 0.57203 0.69269) |
| Adobe RGB | color(a98-rgb 0.42792 0.62165 0.72744) |
| ProPhoto RGB | color(prophoto-rgb 0.43885 0.53897 0.6635) |
| 線形sRGB | color(srgb-linear 0.07619 0.35153 0.50289) |
| XYZ D65 | color(xyz-d65 0.24788 0.30391 0.52138) |
| XYZ D50 | color(xyz-d50 0.24057 0.29944 0.3943) |
| SwiftUI | Color(red: 0.306, green: 0.627, blue: 0.737) |
| UIKit | UIColor(red: 0.306, green: 0.627, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF4EA0BC) |
| Android XML | #4EA0BC |

## 基本情報

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

## ティント

#4ea0bc, #62a9c3, #75b3ca, #87bcd0, #98c6d7, #aacfde, #bbd9e4, #cce2eb, #ddecf2, #eef5f8

## シェード

#4ea0bc, #438ba3, #38768b, #2d6173, #234e5d, #193b47, #0f2932, #07191f, #02090d, #000102

## トーン

#4ea0bc, #589fb8, #609eb4, #689db0, #6f9cac, #769aa8, #7d99a4, #8398a0, #89979c, #8e9598

## カラーハーモニー

- 補色: #4ea0bc, #c38267
- 分裂補色: #4ea0bc, #c47d84, #b58b53
- 類似色: #4ea0bc, #45a5a3, #6c97ca
- トライアド: #4ea0bc, #bb7ea2, #9e9653
- テトラード: #4ea0bc, #8c8dca, #c38267, #9e9653
- スクエア: #4ea0bc, #a784bb, #c38267, #7ea066
- モノクロマティック: #4ea0bc, #005872, #247b96, #75c6e3, #9ceeff

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

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

#4ea0bc は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(78, 160, 188)、HSLでは hsl(195.27, 45.08%, 52.16%)、OKLCHでは oklch(66.557% 0.08958 223.055) です。

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

#4ea0bc の補色は #c38267 です。落ち着いた組み合わせにするなら、類似色の #45a5a3 と #6c97ca を使いましょう。トライアドの組み合わせは #bb7ea2 と #9e9653 です。

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

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

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

#4ea0bc は寒色系の色です。OKLCHでは色相 223度、明度 66.6%、クロマ 0.09 です。