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

#00a9ce はRGBで rgb(0, 169, 206)、OKLCHで oklch(68.03% 0.12462 220.857) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00a9ce |
| RGB | rgb(0, 169, 206) |
| HSL | hsl(190.78, 100%, 40.39%) |
| HSB / HSV | hsv(190.78 100% 80.78%) |
| HWB | hwb(190.78 0% 19.22%) |
| CMYK | cmyk(100% 18% 0% 19%) |
| Lab | lab(63.49 -27.65 -29.81) |
| LCH | lch(63.49 40.66 227.15) |
| OKLab | oklab(68.03% -0.09426 -0.08152) |
| OKLCH | oklch(68.03% 0.12462 220.857) |
| Display P3 | color(display-p3 0.29428 0.65272 0.79221) |
| Rec. 2020 | color(rec2020 0.37905 0.60504 0.76613) |
| Adobe RGB | color(a98-rgb 0.37108 0.65682 0.7976) |
| ProPhoto RGB | color(prophoto-rgb 0.42875 0.57033 0.73948) |
| 線形sRGB | color(srgb-linear 0 0.39676 0.61721) |
| XYZ D65 | color(xyz-d65 0.25327 0.3283 0.63397) |
| XYZ D50 | color(xyz-d50 0.24112 0.32184 0.47926) |
| SwiftUI | Color(red: 0, green: 0.663, blue: 0.808) |
| UIKit | UIColor(red: 0, green: 0.663, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF00A9CE) |
| Android XML | #00A9CE |

## 基本情報

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

## ティント

#00a9ce, #3db2d3, #5abbd8, #73c3dd, #89cce2, #9ed5e7, #b2ddec, #c5e6f1, #d9eef6, #ecf7fa

## シェード

#00a9ce, #0092b3, #007c98, #00677f, #005366, #003f4e, #002c38, #001b23, #000a0f, #000102

## トーン

#00a9ce, #2fa8c9, #44a6c3, #54a5be, #61a3b9, #6ca2b4, #76a0ae, #809ea9, #889ca3, #909a9e

## 配色

- 補色: #00a9ce, #d87c5a
- 分裂補色: #00a9ce, #d97685, #c88a34
- 類似色: #00a9ce, #00b0ab, #599de2
- トライアド: #00a9ce, #cb78af, #a99a2f
- テトラード: #00a9ce, #8b8ee3, #d87c5a, #a99a2f
- スクエア: #00a9ce, #b181d1, #d87c5a, #7da852
- モノクロマティック: #00a9ce, #005e7a, #0083a7, #4bd0f6, #a3f3ff

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

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

#00a9ce は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(0, 169, 206)、HSLでは hsl(190.78, 100%, 40.39%)、OKLCHでは oklch(68.03% 0.12462 220.857) です。

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

#00a9ce の補色は #d87c5a です。落ち着いた組み合わせにするなら、類似色の #00b0ab と #599de2 を使いましょう。トライアドの組み合わせは #cb78af と #a99a2f です。

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

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

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

#00a9ce は寒色系の色です。OKLCHでは色相 221度、明度 68%、クロマ 0.125 です。