# カラーコード #0bcbdf：鮮やかな 明るいシアン

#0bcbdf はRGBで rgb(11, 203, 223)、OKLCHで oklch(77.033% 0.13118 207.436) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/0bcbdf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0bcbdf |
| RGB | rgb(11, 203, 223) |
| HSL | hsl(185.66, 90.6%, 45.88%) |
| HSB / HSV | hsv(185.66 95.07% 87.45%) |
| HWB | hwb(185.66 4.31% 12.55%) |
| CMYK | cmyk(95% 9% 0% 13%) |
| Lab | lab(74.42 -37.53 -22.44) |
| LCH | lch(74.42 43.73 210.87) |
| OKLab | oklab(77.033% -0.11642 -0.06044) |
| OKLCH | oklch(77.033% 0.13118 207.436) |
| Display P3 | color(display-p3 0.36361 0.78426 0.86247) |
| Rec. 2020 | color(rec2020 0.46889 0.74602 0.84506) |
| Adobe RGB | color(a98-rgb 0.44977 0.79104 0.86781) |
| ProPhoto RGB | color(prophoto-rgb 0.51481 0.71212 0.82606) |
| 線形sRGB | color(srgb-linear 0.00335 0.5972 0.73791) |
| XYZ D65 | color(xyz-d65 0.34811 0.48108 0.77266) |
| XYZ D50 | color(xyz-d50 0.33705 0.4736 0.58497) |
| SwiftUI | Color(red: 0.043, green: 0.796, blue: 0.875) |
| UIKit | UIColor(red: 0.043, green: 0.796, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF0BCBDF) |
| Android XML | #0BCBDF |

## 基本情報

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

## ティント

#0bcbdf, #46d1e2, #65d6e6, #7ddbe9, #92e1ec, #a6e6ef, #b9ebf3, #cbf0f6, #ddf5f9, #eefafc

## シェード

#0bcbdf, #08b0c2, #0696a5, #047d8a, #02656f, #014d56, #01373d, #002227, #000f12, #000202

## トーン

#0bcbdf, #3cc9db, #54c7d7, #66c5d2, #75c3ce, #82c1ca, #8dbec6, #98bcc1, #a2b9bd, #abb7b9

## カラーハーモニー

- 補色: #0bcbdf, #fd9286
- 分裂補色: #0bcbdf, #f68fb5, #f39e5a
- 類似色: #0bcbdf, #34cfb3, #56c0fd
- トライアド: #0bcbdf, #e195df, #d8af44
- テトラード: #0bcbdf, #8fb1ff, #fd9286, #d8af44
- スクエア: #0bcbdf, #bea2fd, #fd9286, #aebf57
- モノクロマティック: #0bcbdf, #007d8c, #00a4b8, #56f3ff, #bdffff

## #0bcbdf についてのよくある質問

### #0bcbdf は何色ですか？

#0bcbdf は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(11, 203, 223)、HSLでは hsl(185.66, 90.6%, 45.88%)、OKLCHでは oklch(77.033% 0.13118 207.436) です。

### #0bcbdf に合う色は？

#0bcbdf の補色は #fd9286 です。落ち着いた組み合わせにするなら、類似色の #34cfb3 と #56c0fd を使いましょう。トライアドの組み合わせは #e195df と #d8af44 です。

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

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

### #0bcbdf は暖色と寒色のどちらですか？

#0bcbdf は寒色系の色です。OKLCHでは色相 207度、明度 77%、クロマ 0.131 です。