# カラーコード #00aeca：鮮やかな シアン

#00aeca はRGBで rgb(0, 174, 202)、OKLCHで oklch(69.077% 0.12179 214.611) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00aeca |
| RGB | rgb(0, 174, 202) |
| HSL | hsl(188.32, 100%, 39.61%) |
| HSB / HSV | hsv(188.32 100% 79.22%) |
| HWB | hwb(188.32 0% 20.78%) |
| CMYK | cmyk(100% 14% 0% 21%) |
| Lab | lab(64.9 -30.95 -25.46) |
| LCH | lch(64.9 40.08 219.44) |
| OKLab | oklab(69.077% -0.10024 -0.06918) |
| OKLCH | oklch(69.077% 0.12179 214.611) |
| Display P3 | color(display-p3 0.30382 0.67205 0.77874) |
| Rec. 2020 | color(rec2020 0.38928 0.62521 0.75175) |
| Adobe RGB | color(a98-rgb 0.38216 0.67642 0.78288) |
| ProPhoto RGB | color(prophoto-rgb 0.4342 0.58958 0.7253) |
| 線形sRGB | color(srgb-linear 0 0.42327 0.59062) |
| XYZ D65 | color(xyz-d65 0.25795 0.34535 0.61185) |
| XYZ D50 | color(xyz-d50 0.24753 0.33924 0.46285) |
| SwiftUI | Color(red: 0, green: 0.682, blue: 0.792) |
| UIKit | UIColor(red: 0, green: 0.682, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF00AECA) |
| Android XML | #00AECA |

## 基本情報

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

## ティント

#00aeca, #3eb6cf, #5cbfd5, #74c7da, #8acfe0, #9fd7e5, #b3dfea, #c6e7f0, #d9eff5, #ecf7fa

## シェード

#00aeca, #0097af, #008095, #006a7c, #005564, #00414d, #002e37, #001c22, #000b0f, #000102

## トーン

#00aeca, #31acc5, #46abc1, #56a9bc, #63a8b8, #6fa6b3, #79a4ae, #82a2aa, #8ba0a5, #949ea0

## 配色

- 補色: #00aeca, #dc7e67
- 分裂補色: #00aeca, #da7a92, #cf8a42
- 類似色: #00aeca, #01b4a5, #53a3e2
- トライアド: #00aeca, #c97eba, #b49a34
- テトラード: #00aeca, #8595e7, #dc7e67, #b49a34
- スクエア: #00aeca, #ad87d8, #dc7e67, #8ba84f
- モノクロマティック: #00aeca, #006277, #0088a3, #4dd5f2, #a0f8ff

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

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

#00aeca は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(0, 174, 202)、HSLでは hsl(188.32, 100%, 39.61%)、OKLCHでは oklch(69.077% 0.12179 214.611) です。

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

#00aeca の補色は #dc7e67 です。落ち着いた組み合わせにするなら、類似色の #01b4a5 と #53a3e2 を使いましょう。トライアドの組み合わせは #c97eba と #b49a34 です。

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

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

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

#00aeca は寒色系の色です。OKLCHでは色相 215度、明度 69.1%、クロマ 0.122 です。