# カラーコード #00aae3：鮮やかな 空色

#00aae3 はRGBで rgb(0, 170, 227)、OKLCHで oklch(69.258% 0.14032 231.433) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00aae3 |
| RGB | rgb(0, 170, 227) |
| HSL | hsl(195.07, 100%, 44.51%) |
| HSB / HSV | hsv(195.07 100% 89.02%) |
| HWB | hwb(195.07 0% 10.98%) |
| CMYK | cmyk(100% 25% 0% 11%) |
| Lab | lab(64.54 -22.2 -39.73) |
| LCH | lch(64.54 45.52 240.8) |
| OKLab | oklab(69.258% -0.08748 -0.10972) |
| OKLCH | oklch(69.258% 0.14032 231.433) |
| Display P3 | color(display-p3 0.29619 0.65659 0.86956) |
| Rec. 2020 | color(rec2020 0.39018 0.61056 0.85091) |
| Adobe RGB | color(a98-rgb 0.3733 0.66074 0.87902) |
| ProPhoto RGB | color(prophoto-rgb 0.45328 0.57796 0.82809) |
| 線形sRGB | color(srgb-linear 0 0.40198 0.76815) |
| XYZ D65 | color(xyz-d65 0.28238 0.34294 0.77807) |
| XYZ D50 | color(xyz-d50 0.26473 0.33474 0.58756) |
| SwiftUI | Color(red: 0, green: 0.667, blue: 0.89) |
| UIKit | UIColor(red: 0, green: 0.667, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF00AAE3) |
| Android XML | #00AAE3 |

## 基本情報

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

## ティント

#00aae3, #3db3e6, #5bbcea, #73c4ed, #89cdf0, #9ed6f3, #b2def5, #c6e6f8, #d9effa, #ecf7fd

## シェード

#00aae3, #0093c5, #007da8, #00688c, #005371, #003f57, #002d3f, #001b27, #000b12, #000103

## トーン

#00aae3, #30a9dc, #46a8d5, #55a7ce, #63a6c7, #6ea4c0, #79a3b9, #82a1b2, #8ba0ab, #949ea3

## 配色

- 補色: #00aae3, #df8042
- 分裂補色: #00aae3, #e67575, #c8920e
- 類似色: #00aae3, #00b4bf, #6a9bf3
- トライアド: #00aae3, #dc75a6, #a0a427
- テトラード: #00aae3, #9e8bec, #df8042, #a0a427
- スクエア: #00aae3, #c47dd0, #df8042, #67b15d
- モノクロマティック: #00aae3, #005f8a, #0084bb, #4cd1ff, #bdf1ff

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

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

#00aae3 は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(0, 170, 227)、HSLでは hsl(195.07, 100%, 44.51%)、OKLCHでは oklch(69.258% 0.14032 231.433) です。

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

#00aae3 の補色は #df8042 です。落ち着いた組み合わせにするなら、類似色の #00b4bf と #6a9bf3 を使いましょう。トライアドの組み合わせは #dc75a6 と #a0a427 です。

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

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

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

#00aae3 は寒色系の色です。OKLCHでは色相 231度、明度 69.3%、クロマ 0.14 です。