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

#00aef1 はRGBで rgb(0, 174, 241)、OKLCHで oklch(70.896% 0.15076 235.175) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #00aef1 |
| RGB | rgb(0, 174, 241) |
| HSL | hsl(196.68, 100%, 47.25%) |
| HSB / HSV | hsv(196.68 100% 94.51%) |
| HWB | hwb(196.68 0% 5.49%) |
| CMYK | cmyk(100% 28% 0% 5%) |
| Lab | lab(66.27 -20.06 -44.67) |
| LCH | lch(66.27 48.97 245.82) |
| OKLab | oklab(70.896% -0.0861 -0.12376) |
| OKLCH | oklch(70.896% 0.15076 235.175) |
| Display P3 | color(display-p3 0.30382 0.67205 0.92195) |
| Rec. 2020 | color(rec2020 0.40563 0.6279 0.90886) |
| Adobe RGB | color(a98-rgb 0.38216 0.67642 0.93413) |
| ProPhoto RGB | color(prophoto-rgb 0.47655 0.59645 0.89019) |
| 線形sRGB | color(srgb-linear 0 0.42327 0.87962) |
| XYZ D65 | color(xyz-d65 0.31011 0.36621 0.88656) |
| XYZ D50 | color(xyz-d50 0.28888 0.35676 0.66923) |
| SwiftUI | Color(red: 0, green: 0.682, blue: 0.945) |
| UIKit | UIColor(red: 0, green: 0.682, blue: 0.945, alpha: 1) |
| Flutter / Compose | Color(0xFF00AEF1) |
| Android XML | #00AEF1 |

## 基本情報

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

## ティント

#00aef1, #3eb7f3, #5cbff5, #74c7f7, #8ad0f9, #9fd8fa, #b3e0fb, #c6e8fd, #d9f0fe, #ecf7fe

## シェード

#00aef1, #0097d2, #0080b3, #006a95, #005579, #00415d, #002e43, #001c2b, #000b14, #000103

## トーン

#00aef1, #32ade9, #48ace1, #58abda, #66aad2, #72a9ca, #7ca8c2, #86a6ba, #90a5b2, #99a3a9

## カラーハーモニー

- 補色: #00aef1, #e78435
- 分裂補色: #00aef1, #f17770, #cc9800
- 類似色: #00aef1, #00b9cb, #739dff
- トライアド: #00aef1, #e875a6, #9fab23
- テトラード: #00aef1, #a98cf4, #e78435, #9fab23
- スクエア: #00aef1, #d07ed4, #e78435, #5db963
- モノクロマティック: #00aef1, #006396, #0088c8, #6cd4ff, #cdf5ff

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

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

#00aef1 は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(0, 174, 241)、HSLでは hsl(196.68, 100%, 47.25%)、OKLCHでは oklch(70.896% 0.15076 235.175) です。

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

#00aef1 の補色は #e78435 です。落ち着いた組み合わせにするなら、類似色の #00b9cb と #739dff を使いましょう。トライアドの組み合わせは #e875a6 と #9fab23 です。

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

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

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

#00aef1 は寒色系の色です。OKLCHでは色相 235度、明度 70.9%、クロマ 0.151 です。