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

#3cbdeb はRGBで rgb(60, 189, 235)、OKLCHで oklch(74.848% 0.12689 226.597) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3cbdeb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3cbdeb |
| RGB | rgb(60, 189, 235) |
| HSL | hsl(195.77, 81.4%, 57.84%) |
| HSB / HSV | hsv(195.77 74.47% 92.16%) |
| HWB | hwb(195.77 23.53% 7.84%) |
| CMYK | cmyk(74% 20% 0% 8%) |
| Lab | lab(71.23 -24.65 -33.68) |
| LCH | lch(71.23 41.74 233.8) |
| OKLab | oklab(74.848% -0.08719 -0.09219) |
| OKLCH | oklch(74.848% 0.12689 226.597) |
| Display P3 | color(display-p3 0.39226 0.73105 0.90334) |
| Rec. 2020 | color(rec2020 0.47021 0.69116 0.88912) |
| Adobe RGB | color(a98-rgb 0.45537 0.73552 0.91246) |
| ProPhoto RGB | color(prophoto-rgb 0.52049 0.65922 0.87085) |
| 線形sRGB | color(srgb-linear 0.04519 0.50888 0.83077) |
| XYZ D65 | color(xyz-d65 0.35054 0.43352 0.8512) |
| XYZ D50 | color(xyz-d50 0.33457 0.42523 0.64328) |
| SwiftUI | Color(red: 0.235, green: 0.741, blue: 0.922) |
| UIKit | UIColor(red: 0.235, green: 0.741, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF3CBDEB) |
| Android XML | #3CBDEB |

## 基本情報

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

## ティント

#3cbdeb, #59c4ed, #70cbf0, #84d2f2, #97d8f4, #aadff6, #bbe5f8, #cdecfa, #def2fc, #eef9fd

## シェード

#3cbdeb, #33a4cc, #2a8cae, #217491, #195d75, #11475b, #0a3341, #041f29, #010d13, #000203

## トーン

#3cbdeb, #50bce5, #5fbbdf, #6cb9d9, #78b8d3, #82b6cd, #8cb5c7, #95b3c0, #9db1ba, #a6afb4

## カラーハーモニー

- 補色: #3cbdeb, #ef9365
- 分裂補色: #3cbdeb, #f38b91, #dba245
- 類似色: #3cbdeb, #06c6c8, #77affd
- トライアド: #3cbdeb, #e78bbe, #b7b249
- テトラード: #3cbdeb, #a8a1fa, #ef9365, #b7b249
- スクエア: #3cbdeb, #cd93e3, #ef9365, #87c06e
- モノクロマティック: #3cbdeb, #00729a, #0097c3, #7be3ff, #d6fcff

## #3cbdeb についてのよくある質問

### #3cbdeb は何色ですか？

#3cbdeb は鮮やかな 明るい空色です。最も近い名前のある色は鮮やかな 明るい空色です。RGBでは rgb(60, 189, 235)、HSLでは hsl(195.77, 81.4%, 57.84%)、OKLCHでは oklch(74.848% 0.12689 226.597) です。

### #3cbdeb に合う色は？

#3cbdeb の補色は #ef9365 です。落ち着いた組み合わせにするなら、類似色の #06c6c8 と #77affd を使いましょう。トライアドの組み合わせは #e78bbe と #b7b249 です。

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

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

### #3cbdeb は暖色と寒色のどちらですか？

#3cbdeb は寒色系の色です。OKLCHでは色相 227度、明度 74.8%、クロマ 0.127 です。