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

#00aee2 はRGBで rgb(0, 174, 226)、OKLCHで oklch(70.158% 0.13749 228.467) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/00aee2

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00aee2 |
| RGB | rgb(0, 174, 226) |
| HSL | hsl(193.81, 100%, 44.31%) |
| HSB / HSV | hsv(193.81 100% 88.63%) |
| HWB | hwb(193.81 0% 11.37%) |
| CMYK | cmyk(100% 23% 0% 11%) |
| Lab | lab(65.71 -24.36 -37.37) |
| LCH | lch(65.71 44.61 236.9) |
| OKLab | oklab(70.158% -0.09117 -0.10293) |
| OKLCH | oklch(70.158% 0.13749 228.467) |
| Display P3 | color(display-p3 0.30382 0.67205 0.8667) |
| Rec. 2020 | color(rec2020 0.39897 0.62679 0.84797) |
| Adobe RGB | color(a98-rgb 0.38216 0.67642 0.8756) |
| ProPhoto RGB | color(prophoto-rgb 0.45948 0.59363 0.82545) |
| 線形sRGB | color(srgb-linear 0 0.42327 0.76052) |
| XYZ D65 | color(xyz-d65 0.28861 0.35761 0.77335) |
| XYZ D50 | color(xyz-d50 0.27184 0.34954 0.58418) |
| SwiftUI | Color(red: 0, green: 0.682, blue: 0.886) |
| UIKit | UIColor(red: 0, green: 0.682, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF00AEE2) |
| Android XML | #00AEE2 |

## 基本情報

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

## ティント

#00aee2, #3eb6e5, #5cbfe9, #74c7ec, #8acfef, #9fd7f2, #b3e0f5, #c6e7f8, #d9effa, #ecf7fd

## シェード

#00aee2, #0097c4, #0080a8, #006a8c, #005571, #004157, #002e3e, #001c27, #000b12, #000103

## トーン

#00aee2, #31addb, #47acd5, #57abce, #65a9c8, #70a8c1, #7ba6ba, #85a4b4, #8ea3ad, #97a1a6

## 配色

- 補色: #00aee2, #e3824c
- 分裂補色: #00aee2, #e8787d, #cd9320
- 類似色: #00aee2, #00b8be, #689ff3
- トライアド: #00aee2, #dc79ad, #a7a52b
- テトラード: #00aee2, #9c8fef, #e3824c, #a7a52b
- スクエア: #00aee2, #c382d5, #e3824c, #71b35c
- モノクロマティック: #00aee2, #00638a, #0088ba, #4dd5ff, #c1f5ff

## #00aee2 についてのよくある質問

### #00aee2 は何色ですか？

#00aee2 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(0, 174, 226)、HSLでは hsl(193.81, 100%, 44.31%)、OKLCHでは oklch(70.158% 0.13749 228.467) です。

### #00aee2 に合う色は？

#00aee2 の補色は #e3824c です。落ち着いた組み合わせにするなら、類似色の #00b8be と #689ff3 を使いましょう。トライアドの組み合わせは #dc79ad と #a7a52b です。

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

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

### #00aee2 は暖色と寒色のどちらですか？

#00aee2 は寒色系の色です。OKLCHでは色相 228度、明度 70.2%、クロマ 0.137 です。