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

#4faedb はRGBで rgb(79, 174, 219)、OKLCHで oklch(71.204% 0.11051 231.789) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4faedb |
| RGB | rgb(79, 174, 219) |
| HSL | hsl(199.29, 66.04%, 58.43%) |
| HSB / HSV | hsv(199.29 63.93% 85.88%) |
| HWB | hwb(199.29 30.98% 14.12%) |
| CMYK | cmyk(64% 21% 0% 14%) |
| Lab | lab(66.81 -18.71 -31.73) |
| LCH | lch(66.81 36.83 239.48) |
| OKLab | oklab(71.204% -0.06836 -0.08683) |
| OKLCH | oklch(71.204% 0.11051 231.789) |
| Display P3 | color(display-p3 0.40926 0.67397 0.84172) |
| Rec. 2020 | color(rec2020 0.45586 0.63073 0.82053) |
| Adobe RGB | color(a98-rgb 0.45444 0.67642 0.84843) |
| ProPhoto RGB | color(prophoto-rgb 0.49371 0.59885 0.79666) |
| 線形sRGB | color(srgb-linear 0.07819 0.42327 0.70838) |
| XYZ D65 | color(xyz-d65 0.31145 0.37047 0.7253) |
| XYZ D50 | color(xyz-d50 0.29847 0.36377 0.54803) |
| SwiftUI | Color(red: 0.31, green: 0.682, blue: 0.859) |
| UIKit | UIColor(red: 0.31, green: 0.682, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF4FAEDB) |
| Android XML | #4FAEDB |

## 基本情報

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

## ティント

#4faedb, #64b6df, #77bee3, #89c7e7, #9bcfea, #acd7ee, #bddff2, #cde7f5, #deeff8, #eff7fc

## シェード

#4faedb, #4497be, #3880a2, #2e6a87, #23556d, #194154, #102e3c, #071c26, #020b11, #000102

## トーン

#4faedb, #5badd5, #65acd0, #6fabca, #77aac5, #7fa9bf, #87a8b9, #8ea6b4, #95a5ae, #9ca3a8

## カラーハーモニー

- 補色: #4faedb, #d98e5f
- 分裂補色: #4faedb, #df8583, #c59b4a
- 類似色: #4faedb, #30b6bf, #7ca2e7
- トライアド: #4faedb, #d785aa, #a4a953
- テトラード: #4faedb, #a395e2, #d98e5f, #a4a953
- スクエア: #4faedb, #c28bcb, #d98e5f, #79b472
- モノクロマティック: #4faedb, #00658e, #2189b4, #77d5ff, #ccf6ff

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

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

#4faedb は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(79, 174, 219)、HSLでは hsl(199.29, 66.04%, 58.43%)、OKLCHでは oklch(71.204% 0.11051 231.789) です。

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

#4faedb の補色は #d98e5f です。落ち着いた組み合わせにするなら、類似色の #30b6bf と #7ca2e7 を使いましょう。トライアドの組み合わせは #d785aa と #a4a953 です。

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

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

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

#4faedb は寒色系の色です。OKLCHでは色相 232度、明度 71.2%、クロマ 0.111 です。