# カラーコード #94cbcc：やわらかな 明るいシアン

#94cbcc はRGBで rgb(148, 203, 204)、OKLCHで oklch(80.455% 0.05681 197.495) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/94cbcc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #94cbcc |
| RGB | rgb(148, 203, 204) |
| HSL | hsl(181.07, 35.44%, 69.02%) |
| HSB / HSV | hsv(181.07 27.45% 80%) |
| HWB | hwb(181.07 58.04% 20%) |
| CMYK | cmyk(27% 0% 0% 20%) |
| Lab | lab(77.91 -18.25 -6.57) |
| LCH | lch(77.91 19.4 199.8) |
| OKLab | oklab(80.455% -0.05418 -0.01708) |
| OKLCH | oklch(80.455% 0.05681 197.495) |
| Display P3 | color(display-p3 0.62588 0.79012 0.79661) |
| Rec. 2020 | color(rec2020 0.63555 0.75866 0.77306) |
| Adobe RGB | color(a98-rgb 0.64552 0.79104 0.79486) |
| ProPhoto RGB | color(prophoto-rgb 0.63278 0.73018 0.75143) |
| 線形sRGB | color(srgb-linear 0.29614 0.5972 0.60383) |
| XYZ D65 | color(xyz-d65 0.44465 0.53366 0.65087) |
| XYZ D50 | color(xyz-d50 0.44554 0.53062 0.49329) |
| SwiftUI | Color(red: 0.58, green: 0.796, blue: 0.8) |
| UIKit | UIColor(red: 0.58, green: 0.796, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF94CBCC) |
| Android XML | #94CBCC |

## 基本情報

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

## ティント

#94cbcc, #9fd0d1, #aad5d6, #b5dbdb, #bfe0e0, #cae5e5, #d5eaea, #dfeff0, #eaf5f5, #f4fafa

## シェード

#94cbcc, #80b0b1, #6d9697, #5a7d7e, #486565, #364d4e, #263737, #162222, #080f0f, #010202

## トーン

#94cbcc, #99cacb, #9ec9c9, #a2c8c8, #a7c6c7, #abc5c6, #afc4c4, #b3c3c3, #b7c2c2, #bbc0c0

## カラーハーモニー

- 補色: #94cbcc, #e2b1b2
- 分裂補色: #94cbcc, #dcb1c6, #dfb5a0
- 類似色: #94cbcc, #9ccbb8, #99c7dc
- トライアド: #94cbcc, #cfb4d8, #d4bb96
- テトラード: #94cbcc, #a9c1e4, #e2b1b2, #d4bb96
- スクエア: #94cbcc, #bcbae3, #e2b1b2, #c2c298
- モノクロマティック: #94cbcc, #4b8082, #6fa5a6, #baf2f3, #c9ffff

## #94cbcc についてのよくある質問

### #94cbcc は何色ですか？

#94cbcc はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(148, 203, 204)、HSLでは hsl(181.07, 35.44%, 69.02%)、OKLCHでは oklch(80.455% 0.05681 197.495) です。

### #94cbcc に合う色は？

#94cbcc の補色は #e2b1b2 です。落ち着いた組み合わせにするなら、類似色の #9ccbb8 と #99c7dc を使いましょう。トライアドの組み合わせは #cfb4d8 と #d4bb96 です。

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

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

### #94cbcc は暖色と寒色のどちらですか？

#94cbcc は寒色系の色です。OKLCHでは色相 197度、明度 80.5%、クロマ 0.057 です。