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

#0cbfbc はRGBで rgb(12, 191, 188)、OKLCHで oklch(72.809% 0.1235 192.768) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #0cbfbc |
| RGB | rgb(12, 191, 188) |
| HSL | hsl(178.99, 88.18%, 39.8%) |
| HSB / HSV | hsv(178.99 93.72% 74.9%) |
| HWB | hwb(178.99 4.71% 25.1%) |
| CMYK | cmyk(94% 0% 2% 25%) |
| Lab | lab(69.81 -41.07 -10.43) |
| LCH | lch(69.81 42.37 194.25) |
| OKLab | oklab(72.809% -0.12045 -0.0273) |
| OKLCH | oklch(72.809% 0.1235 192.768) |
| Display P3 | color(display-p3 0.34154 0.73787 0.7325) |
| Rec. 2020 | color(rec2020 0.42827 0.69451 0.70275) |
| Adobe RGB | color(a98-rgb 0.42339 0.74343 0.73206) |
| ProPhoto RGB | color(prophoto-rgb 0.4574 0.65709 0.67782) |
| 線形sRGB | color(srgb-linear 0.00368 0.521 0.50289) |
| XYZ D65 | color(xyz-d65 0.27858 0.40969 0.54018) |
| XYZ D50 | color(xyz-d50 0.27422 0.4048 0.40974) |
| SwiftUI | Color(red: 0.047, green: 0.749, blue: 0.737) |
| UIKit | UIColor(red: 0.047, green: 0.749, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF0CBFBC) |
| Android XML | #0CBFBC |

## 基本情報

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

## ティント

#0cbfbc, #44c6c3, #61ccc9, #79d3d0, #8fd9d6, #a3e0dd, #b6e6e4, #c9eceb, #dbf3f1, #edf9f8

## シェード

#0cbfbc, #09a6a3, #068d8b, #047573, #035e5d, #024847, #013332, #001f1f, #000d0d, #000202

## トーン

#0cbfbc, #38bdba, #4ebbb8, #5fb8b6, #6cb6b4, #78b4b2, #83b1af, #8dafad, #96acab, #9faaa9

## カラーハーモニー

- 補色: #0cbfbc, #e98591
- 分裂補色: #0cbfbc, #dc87bc, #e88c66
- 類似色: #0cbfbc, #50bf90, #31b8df
- トライアド: #0cbfbc, #c28fde, #d69a45
- テトラード: #0cbfbc, #6cabf3, #e98591, #d69a45
- スクエア: #0cbfbc, #9c9cf2, #e98591, #b6aa43
- モノクロマティック: #0cbfbc, #007170, #009997, #53e6e3, #b1ffff

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

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

#0cbfbc は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(12, 191, 188)、HSLでは hsl(178.99, 88.18%, 39.8%)、OKLCHでは oklch(72.809% 0.1235 192.768) です。

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

#0cbfbc の補色は #e98591 です。落ち着いた組み合わせにするなら、類似色の #50bf90 と #31b8df を使いましょう。トライアドの組み合わせは #c28fde と #d69a45 です。

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

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

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

#0cbfbc は寒色系の色です。OKLCHでは色相 193度、明度 72.8%、クロマ 0.124 です。