# カラーコード #00c2eb：鮮やかな 明るい空色

#00c2eb はRGBで rgb(0, 194, 235)、OKLCHで oklch(75.321% 0.13742 220.291) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #00c2eb |
| RGB | rgb(0, 194, 235) |
| HSL | hsl(190.47, 100%, 46.08%) |
| HSB / HSV | hsv(190.47 100% 92.16%) |
| HWB | hwb(190.47 0% 7.84%) |
| CMYK | cmyk(100% 17% 0% 8%) |
| Lab | lab(72.03 -30.91 -32.51) |
| LCH | lch(72.03 44.87 226.44) |
| OKLab | oklab(75.321% -0.10482 -0.08886) |
| OKLCH | oklch(75.321% 0.13742 220.291) |
| Display P3 | color(display-p3 0.34199 0.74939 0.90407) |
| Rec. 2020 | color(rec2020 0.44956 0.70942 0.89022) |
| Adobe RGB | color(a98-rgb 0.42673 0.75531 0.9131) |
| ProPhoto RGB | color(prophoto-rgb 0.50742 0.67632 0.8726) |
| 線形sRGB | color(srgb-linear 0 0.53948 0.83077) |
| XYZ D65 | color(xyz-d65 0.34285 0.44579 0.85398) |
| XYZ D50 | color(xyz-d50 0.32665 0.43711 0.64563) |
| SwiftUI | Color(red: 0, green: 0.761, blue: 0.922) |
| UIKit | UIColor(red: 0, green: 0.761, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF00C2EB) |
| Android XML | #00C2EB |

## 基本情報

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

## ティント

#00c2eb, #43c9ed, #61cff0, #7ad5f2, #8fdcf4, #a4e2f6, #b7e8f8, #c9eefa, #dcf4fc, #edf9fd

## シェード

#00c2eb, #00a8cc, #008fae, #007791, #006075, #00495b, #003441, #002029, #000e13, #000203

## トーン

#00c2eb, #38c1e5, #50bfdf, #61bdd9, #70bbd3, #7dbacd, #88b8c7, #93b6c1, #9db3bb, #a6b1b5

## カラーハーモニー

- 補色: #00c2eb, #f88f69
- 分裂補色: #00c2eb, #f8889a, #e69e3f
- 類似色: #00c2eb, #00cac3, #66b4ff
- トライアド: #00c2eb, #e88bca, #c3b038
- テトラード: #00c2eb, #9fa4ff, #f88f69, #c3b038
- スクエア: #00c2eb, #ca95ef, #f88f69, #91c05e
- モノクロマティック: #00c2eb, #007594, #009bc3, #6be8ff, #d0feff

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

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

#00c2eb は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(0, 194, 235)、HSLでは hsl(190.47, 100%, 46.08%)、OKLCHでは oklch(75.321% 0.13742 220.291) です。

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

#00c2eb の補色は #f88f69 です。落ち着いた組み合わせにするなら、類似色の #00cac3 と #66b4ff を使いましょう。トライアドの組み合わせは #e88bca と #c3b038 です。

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

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

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

#00c2eb は寒色系の色です。OKLCHでは色相 220度、明度 75.3%、クロマ 0.137 です。