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

#00a6bc はRGBで rgb(0, 166, 188)、OKLCHで oklch(66.513% 0.11555 211.255) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #00a6bc |
| RGB | rgb(0, 166, 188) |
| HSL | hsl(187.02, 100%, 36.86%) |
| HSB / HSV | hsv(187.02 100% 73.73%) |
| HWB | hwb(187.02 0% 26.27%) |
| CMYK | cmyk(100% 12% 0% 26%) |
| Lab | lab(61.99 -31.17 -22.15) |
| LCH | lch(61.99 38.24 215.4) |
| OKLab | oklab(66.513% -0.09878 -0.05995) |
| OKLCH | oklch(66.513% 0.11555 211.255) |
| Display P3 | color(display-p3 0.28856 0.64112 0.72572) |
| Rec. 2020 | color(rec2020 0.36508 0.59168 0.6937) |
| Adobe RGB | color(a98-rgb 0.36445 0.64508 0.72825) |
| ProPhoto RGB | color(prophoto-rgb 0.40507 0.55564 0.66521) |
| 線形sRGB | color(srgb-linear 0 0.38133 0.50289) |
| XYZ D65 | color(xyz-d65 0.22712 0.30902 0.52346) |
| XYZ D50 | color(xyz-d50 0.21882 0.30385 0.39613) |
| SwiftUI | Color(red: 0, green: 0.651, blue: 0.737) |
| UIKit | UIColor(red: 0, green: 0.651, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF00A6BC) |
| Android XML | #00A6BC |

## 基本情報

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

## ティント

#00a6bc, #3cafc3, #59b8ca, #72c1d0, #88cad7, #9dd3de, #b1dce4, #c5e5eb, #d8edf2, #ecf6f8

## シェード

#00a6bc, #0090a3, #007a8b, #006573, #00515d, #003e47, #002b32, #001a1f, #000a0d, #000102

## トーン

#00a6bc, #2ea4b8, #42a3b4, #52a1b0, #5ea0ac, #699ea8, #739ca4, #7c9aa0, #84989c, #8c9698

## 配色

- 補色: #00a6bc, #d17767
- 分裂補色: #00a6bc, #cd748f, #c68243
- 類似色: #00a6bc, #19aa98, #4a9cd4
- トライアド: #00a6bc, #bc78b4, #ae9133
- テトラード: #00a6bc, #7a8fdb, #d17767, #ae9133
- スクエア: #00a6bc, #a082cf, #d17767, #899e48
- モノクロマティック: #00a6bc, #005b6b, #008196, #4acde3, #77f4ff

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

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

#00a6bc は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(0, 166, 188)、HSLでは hsl(187.02, 100%, 36.86%)、OKLCHでは oklch(66.513% 0.11555 211.255) です。

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

#00a6bc の補色は #d17767 です。落ち着いた組み合わせにするなら、類似色の #19aa98 と #4a9cd4 を使いましょう。トライアドの組み合わせは #bc78b4 と #ae9133 です。

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

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

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

#00a6bc は寒色系の色です。OKLCHでは色相 211度、明度 66.5%、クロマ 0.116 です。