# カラーコード #4e9cae：やわらかな シアン

#4e9cae はRGBで rgb(78, 156, 174)、OKLCHで oklch(65.034% 0.08098 214.802) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4e9cae |
| RGB | rgb(78, 156, 174) |
| HSL | hsl(191.25, 38.1%, 49.41%) |
| HSB / HSV | hsv(191.25 55.17% 68.24%) |
| HWB | hwb(191.25 30.59% 31.76%) |
| CMYK | cmyk(55% 10% 0% 32%) |
| Lab | lab(59.97 -21.11 -17.19) |
| LCH | lch(59.97 27.22 219.16) |
| OKLab | oklab(65.034% -0.0665 -0.04622) |
| OKLCH | oklch(65.034% 0.08098 214.802) |
| Display P3 | color(display-p3 0.38363 0.6046 0.6732) |
| Rec. 2020 | color(rec2020 0.40322 0.55509 0.63635) |
| Adobe RGB | color(a98-rgb 0.42101 0.60608 0.6737) |
| ProPhoto RGB | color(prophoto-rgb 0.41973 0.52152 0.60666) |
| 線形sRGB | color(srgb-linear 0.07619 0.33245 0.42327) |
| XYZ D65 | color(xyz-d65 0.22669 0.28452 0.44343) |
| XYZ D50 | color(xyz-d50 0.22183 0.28094 0.33559) |
| SwiftUI | Color(red: 0.306, green: 0.612, blue: 0.682) |
| UIKit | UIColor(red: 0.306, green: 0.612, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF4E9CAE) |
| Android XML | #4E9CAE |

## 基本情報

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

## ティント

#4e9cae, #62a6b6, #74b0be, #86b9c6, #98c3ce, #a9cdd6, #bad7de, #cbe1e6, #dcebef, #eef5f7

## シェード

#4e9cae, #438797, #387380, #2d5f6a, #234c55, #193941, #0f282e, #07181c, #02090b, #000101

## トーン

#4e9cae, #579bab, #5f9aa8, #6699a5, #6d97a2, #73969f, #79959c, #7f9399, #859295, #8a9192

## カラーハーモニー

- 補色: #4e9cae, #bb7d6e
- 分裂補色: #4e9cae, #ba7a89, #b28559
- 類似色: #4e9cae, #4fa095, #6495be
- トライアド: #4e9cae, #ae7da3, #9f8f54
- テトラード: #4e9cae, #808cc1, #bb7d6e, #9f8f54
- スクエア: #4e9cae, #9a83b7, #bb7d6e, #849861
- モノクロマティック: #4e9cae, #005566, #257889, #74c2d4, #9be9fc

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

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

#4e9cae はやわらかな シアンです。最も近い名前のある色はやわらかな シアンです。RGBでは rgb(78, 156, 174)、HSLでは hsl(191.25, 38.1%, 49.41%)、OKLCHでは oklch(65.034% 0.08098 214.802) です。

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

#4e9cae の補色は #bb7d6e です。落ち着いた組み合わせにするなら、類似色の #4fa095 と #6495be を使いましょう。トライアドの組み合わせは #ae7da3 と #9f8f54 です。

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

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

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

#4e9cae は寒色系の色です。OKLCHでは色相 215度、明度 65%、クロマ 0.081 です。