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

#00a2ef はRGBで rgb(0, 162, 239)、OKLCHで oklch(68.011% 0.15748 240.63) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #00a2ef |
| RGB | rgb(0, 162, 239) |
| HSL | hsl(199.33, 100%, 46.86%) |
| HSB / HSV | hsv(199.33 100% 93.73%) |
| HWB | hwb(199.33 0% 6.27%) |
| CMYK | cmyk(100% 32% 0% 6%) |
| Lab | lab(62.62 -14.77 -49.3) |
| LCH | lch(62.62 51.46 253.32) |
| OKLab | oklab(68.011% -0.07724 -0.13724) |
| OKLCH | oklch(68.011% 0.15748 240.63) |
| Display P3 | color(display-p3 0.28092 0.62565 0.91235) |
| Rec. 2020 | color(rec2020 0.37765 0.57905 0.89768) |
| Adobe RGB | color(a98-rgb 0.35562 0.62945 0.92503) |
| ProPhoto RGB | color(prophoto-rgb 0.45321 0.54909 0.87697) |
| 線形sRGB | color(srgb-linear 0 0.36131 0.86316) |
| XYZ D65 | color(xyz-d65 0.28498 0.32071 0.86352) |
| XYZ D50 | color(xyz-d50 0.26266 0.31134 0.65146) |
| SwiftUI | Color(red: 0, green: 0.635, blue: 0.937) |
| UIKit | UIColor(red: 0, green: 0.635, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF00A2EF) |
| Android XML | #00A2EF |

## 基本情報

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

## ティント

#00a2ef, #3bacf1, #59b6f4, #71bff6, #87c9f8, #9cd2f9, #b0dbfb, #c4e4fc, #d8edfd, #ecf6fe

## シェード

#00a2ef, #008cd0, #0077b1, #006394, #004f78, #003c5c, #002a42, #00192a, #000a14, #000103

## トーン

#00a2ef, #2ea2e7, #43a1de, #52a1d6, #5fa0cd, #6b9fc5, #759ebc, #7f9db3, #889baa, #909aa1

## カラーハーモニー

- 補色: #00a2ef, #dc7d05
- 分裂補色: #00a2ef, #e96d5a, #bd9200
- 類似色: #00a2ef, #00aec8, #7490f9
- トライアド: #00a2ef, #e46993, #8ba614
- テトラード: #00a2ef, #a97ee9, #dc7d05, #8ba614
- スクエア: #00a2ef, #ce70c5, #dc7d05, #3bb363
- モノクロマティック: #00a2ef, #005892, #007cc6, #62c8ff, #beebff

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

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

#00a2ef は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(0, 162, 239)、HSLでは hsl(199.33, 100%, 46.86%)、OKLCHでは oklch(68.011% 0.15748 240.63) です。

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

#00a2ef の補色は #dc7d05 です。落ち着いた組み合わせにするなら、類似色の #00aec8 と #7490f9 を使いましょう。トライアドの組み合わせは #e46993 と #8ba614 です。

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

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

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

#00a2ef は寒色系の色です。OKLCHでは色相 241度、明度 68%、クロマ 0.157 です。