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

#5abcfe はRGBで rgb(90, 188, 254)、OKLCHで oklch(76.359% 0.13214 240.993) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5abcfe

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5abcfe |
| RGB | rgb(90, 188, 254) |
| HSL | hsl(204.15, 98.8%, 67.45%) |
| HSB / HSV | hsv(204.15 64.57% 99.61%) |
| HWB | hwb(204.15 35.29% 0.39%) |
| CMYK | cmyk(65% 26% 0% 0%) |
| Lab | lab(72.45 -14.66 -41.92) |
| LCH | lch(72.45 44.41 250.73) |
| OKLab | oklab(76.359% -0.06408 -0.11557) |
| OKLCH | oklch(76.359% 0.13214 240.993) |
| Display P3 | color(display-p3 0.45335 0.72846 0.97341) |
| Rec. 2020 | color(rec2020 0.51326 0.69134 0.96651) |
| Adobe RGB | color(a98-rgb 0.49856 0.73157 0.98671) |
| ProPhoto RGB | color(prophoto-rgb 0.56642 0.663 0.95396) |
| 線形sRGB | color(srgb-linear 0.10224 0.50289 0.9911) |
| XYZ D65 | color(xyz-d65 0.40086 0.45294 1.00399) |
| XYZ D50 | color(xyz-d50 0.38008 0.44334 0.75799) |
| SwiftUI | Color(red: 0.353, green: 0.737, blue: 0.996) |
| UIKit | UIColor(red: 0.353, green: 0.737, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF5ABCFE) |
| Android XML | #5ABCFE |

## 基本情報

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

## ティント

#5abcfe, #6ec3ff, #80caff, #91d1ff, #a2d8ff, #b2deff, #c1e5ff, #d1ecff, #e0f2ff, #f0f9ff

## シェード

#5abcfe, #4da3dd, #418bbd, #35739e, #295d80, #1e4763, #133247, #091f2d, #030d16, #000203

## トーン

#5abcfe, #66bbf7, #71bbef, #7bbae8, #84b9e0, #8db8d9, #95b7d1, #9db6ca, #a4b5c2, #abb3ba

## カラーハーモニー

- 補色: #5abcfe, #ee9d53
- 分裂補色: #5abcfe, #fb907e, #d2ae40
- 類似色: #5abcfe, #04c8e2, #93adff
- トライアド: #5abcfe, #f68dad, #a6bf58
- テトラード: #5abcfe, #c19ef9, #ee9d53, #a6bf58
- スクエア: #5abcfe, #e292d9, #ee9d53, #6dca86
- モノクロマティック: #5abcfe, #0071ae, #2e96d5, #a5e1ff, #dff9ff

## #5abcfe についてのよくある質問

### #5abcfe は何色ですか？

#5abcfe は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(90, 188, 254)、HSLでは hsl(204.15, 98.8%, 67.45%)、OKLCHでは oklch(76.359% 0.13214 240.993) です。

### #5abcfe に合う色は？

#5abcfe の補色は #ee9d53 です。落ち着いた組み合わせにするなら、類似色の #04c8e2 と #93adff を使いましょう。トライアドの組み合わせは #f68dad と #a6bf58 です。

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

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

### #5abcfe は暖色と寒色のどちらですか？

#5abcfe は寒色系の色です。OKLCHでは色相 241度、明度 76.4%、クロマ 0.132 です。