# カラーコード #ccbbf3：パステル調の 明るいバイオレット

#ccbbf3 はRGBで rgb(204, 187, 243)、OKLCHで oklch(82.502% 0.07946 298.555) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/ccbbf3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ccbbf3 |
| RGB | rgb(204, 187, 243) |
| HSL | hsl(258.21, 70%, 84.31%) |
| HSB / HSV | hsv(258.21 23.05% 95.29%) |
| HWB | hwb(258.21 73.33% 4.71%) |
| CMYK | cmyk(16% 23% 0% 5%) |
| Lab | lab(78.75 14.38 -25.67) |
| LCH | lch(78.75 29.43 299.25) |
| OKLab | oklab(82.502% 0.03798 -0.06979) |
| OKLCH | oklch(82.502% 0.07946 298.555) |
| Display P3 | color(display-p3 0.7887 0.73567 0.93687) |
| Rec. 2020 | color(rec2020 0.76188 0.71182 0.92589) |
| Adobe RGB | color(a98-rgb 0.77653 0.72762 0.94345) |
| ProPhoto RGB | color(prophoto-rgb 0.75962 0.69441 0.91029) |
| 線形sRGB | color(srgb-linear 0.60383 0.49693 0.89627) |
| XYZ D65 | color(xyz-d65 0.58847 0.54849 0.92284) |
| XYZ D50 | color(xyz-d50 0.58294 0.54492 0.69668) |
| SwiftUI | Color(red: 0.8, green: 0.733, blue: 0.953) |
| UIKit | UIColor(red: 0.8, green: 0.733, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBBF3) |
| Android XML | #CCBBF3 |

## 基本情報

- 最も近い色名: パステル調の 明るいバイオレット
- 色相の系統: バイオレット, パステル調の 明るいバイオレット
- 最も近いTailwindクラス: violet-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.75:1
- 黒とのコントラスト: 11.97:1

## ティント

#ccbbf3, #d1c2f4, #d6c9f6, #dbcff7, #e0d6f8, #e5ddfa, #eae4fb, #efebfc, #f5f1fd, #faf8fe

## シェード

#ccbbf3, #b1a2d3, #978ab4, #7e7397, #655c7a, #4e465e, #373244, #221f2b, #0f0d14, #020203

## トーン

#ccbbf3, #cbbcef, #cbbdea, #cabee6, #c9c0e1, #c9c1dd, #c8c2d8, #c7c3d4, #c7c4cf, #c6c5ca

## カラーハーモニー

- 補色: #ccbbf3, #c0cd93
- 分裂補色: #ccbbf3, #dbc48a, #a3d5a9
- 類似色: #ccbbf3, #b0c4fa, #e3b4e0
- トライアド: #ccbbf3, #edba92, #8bd7c6
- テトラード: #ccbbf3, #f1b1c5, #c0cd93, #8bd7c6
- スクエア: #ccbbf3, #f5b3a9, #c0cd93, #86d5e1
- モノクロマティック: #ccbbf3, #8271a5, #a695cb, #f1e6ff, #f8f0ff

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

### #ccbbf3 は何色ですか？

#ccbbf3 はパステル調の 明るいバイオレットです。最も近い名前のある色はパステル調の 明るいバイオレットです。RGBでは rgb(204, 187, 243)、HSLでは hsl(258.21, 70%, 84.31%)、OKLCHでは oklch(82.502% 0.07946 298.555) です。

### #ccbbf3 に合う色は？

#ccbbf3 の補色は #c0cd93 です。落ち着いた組み合わせにするなら、類似色の #b0c4fa と #e3b4e0 を使いましょう。トライアドの組み合わせは #edba92 と #8bd7c6 です。

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

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

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

#ccbbf3 は寒色系の色です。OKLCHでは色相 299度、明度 82.5%、クロマ 0.079 です。