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

#00aec6 はRGBで rgb(0, 174, 198)、OKLCHで oklch(68.909% 0.12004 211.949) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00aec6 |
| RGB | rgb(0, 174, 198) |
| HSL | hsl(187.27, 100%, 38.82%) |
| HSB / HSV | hsv(187.27 100% 77.65%) |
| HWB | hwb(187.27 0% 22.35%) |
| CMYK | cmyk(100% 12% 0% 22%) |
| Lab | lab(64.78 -32.01 -23.45) |
| LCH | lch(64.78 39.67 216.23) |
| OKLab | oklab(68.909% -0.10186 -0.06352) |
| OKLCH | oklch(68.909% 0.12004 211.949) |
| Display P3 | color(display-p3 0.30382 0.67205 0.76414) |
| Rec. 2020 | color(rec2020 0.38778 0.62496 0.73588) |
| Adobe RGB | color(a98-rgb 0.38216 0.67642 0.76755) |
| ProPhoto RGB | color(prophoto-rgb 0.43025 0.58896 0.70905) |
| 線形sRGB | color(srgb-linear 0 0.42327 0.56471) |
| XYZ D65 | color(xyz-d65 0.25327 0.34348 0.58723) |
| XYZ D50 | color(xyz-d50 0.24382 0.33767 0.44435) |
| SwiftUI | Color(red: 0, green: 0.682, blue: 0.776) |
| UIKit | UIColor(red: 0, green: 0.682, blue: 0.776, alpha: 1) |
| Flutter / Compose | Color(0xFF00AEC6) |
| Android XML | #00AEC6 |

## 基本情報

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

## ティント

#00aec6, #3eb6cc, #5cbfd2, #74c7d7, #8acfdd, #9fd7e3, #b3dfe9, #c6e7ee, #d9eff4, #ecf7f9

## シェード

#00aec6, #0097ac, #008092, #006a7a, #005562, #00414b, #002e35, #001c21, #000b0e, #000102

## トーン

#00aec6, #31acc2, #46abbe, #56a9b9, #63a7b5, #6ea5b1, #79a3ac, #82a1a8, #8b9fa4, #939d9f

## 配色

- 補色: #00aec6, #db7d6b
- 分裂補色: #00aec6, #d87a95, #d08946
- 類似色: #00aec6, #17b3a1, #4fa3df
- トライアド: #00aec6, #c67ebc, #b69836
- テトラード: #00aec6, #8196e5, #db7d6b, #b69836
- スクエア: #00aec6, #a988d9, #db7d6b, #8fa74d
- モノクロマティック: #00aec6, #006274, #00889f, #4cd5ed, #97f9ff

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

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

#00aec6 は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(0, 174, 198)、HSLでは hsl(187.27, 100%, 38.82%)、OKLCHでは oklch(68.909% 0.12004 211.949) です。

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

#00aec6 の補色は #db7d6b です。落ち着いた組み合わせにするなら、類似色の #17b3a1 と #4fa3df を使いましょう。トライアドの組み合わせは #c67ebc と #b69836 です。

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

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

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

#00aec6 は寒色系の色です。OKLCHでは色相 212度、明度 68.9%、クロマ 0.12 です。