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

#00aabb はRGBで rgb(0, 170, 187)、OKLCHで oklch(67.469% 0.11579 207.362) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00aabb |
| RGB | rgb(0, 170, 187) |
| HSL | hsl(185.45, 100%, 36.67%) |
| HSB / HSV | hsv(185.45 100% 73.33%) |
| HWB | hwb(185.45 0% 26.67%) |
| CMYK | cmyk(100% 9% 0% 27%) |
| Lab | lab(63.2 -33.15 -19.75) |
| LCH | lch(63.2 38.59 210.79) |
| OKLab | oklab(67.469% -0.10283 -0.05322) |
| OKLCH | oklch(67.469% 0.11579 207.362) |
| Display P3 | color(display-p3 0.29619 0.65659 0.72309) |
| Rec. 2020 | color(rec2020 0.37424 0.60796 0.69111) |
| Adobe RGB | color(a98-rgb 0.3733 0.66074 0.72501) |
| ProPhoto RGB | color(prophoto-rgb 0.41187 0.57135 0.66311) |
| 線形sRGB | color(srgb-linear 0 0.40198 0.49693) |
| XYZ D65 | color(xyz-d65 0.23343 0.32336 0.52026) |
| XYZ D50 | color(xyz-d50 0.22592 0.3183 0.39388) |
| SwiftUI | Color(red: 0, green: 0.667, blue: 0.733) |
| UIKit | UIColor(red: 0, green: 0.667, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF00AABB) |
| Android XML | #00AABB |

## 基本情報

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

## ティント

#00aabb, #3db3c2, #5abbc9, #73c4cf, #89ccd6, #9ed5dd, #b2dde4, #c5e6eb, #d9eef1, #ecf7f8

## シェード

#00aabb, #0093a2, #007d8a, #006873, #00535c, #003f46, #002d32, #001b1f, #000b0d, #000102

## トーン

#00aabb, #2fa8b7, #44a7b4, #53a5b0, #60a3ad, #6ba1a9, #759fa5, #7e9da2, #879b9e, #8f999a

## 配色

- 補色: #00aabb, #d5796f
- 分裂補色: #00aabb, #cf7797, #cc834a
- 類似色: #00aabb, #28ae96, #45a0d5
- トライアド: #00aabb, #bd7cbb, #b59236
- テトラード: #00aabb, #7794de, #d5796f, #b59236
- スクエア: #00aabb, #9f87d5, #d5796f, #91a047
- モノクロマティック: #00aabb, #005f6b, #008595, #4bd1e2, #79f9ff

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

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

#00aabb は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(0, 170, 187)、HSLでは hsl(185.45, 100%, 36.67%)、OKLCHでは oklch(67.469% 0.11579 207.362) です。

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

#00aabb の補色は #d5796f です。落ち着いた組み合わせにするなら、類似色の #28ae96 と #45a0d5 を使いましょう。トライアドの組み合わせは #bd7cbb と #b59236 です。

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

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

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

#00aabb は寒色系の色です。OKLCHでは色相 207度、明度 67.5%、クロマ 0.116 です。