# カラーコード #cfbce4：パステル調の 明るいパープル

#cfbce4 はRGBで rgb(207, 188, 228)、OKLCHで oklch(82.389% 0.05882 306.598) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cfbce4 |
| RGB | rgb(207, 188, 228) |
| HSL | hsl(268.5, 42.55%, 81.57%) |
| HSB / HSV | hsv(268.5 17.54% 89.41%) |
| HWB | hwb(268.5 73.73% 10.59%) |
| CMYK | cmyk(9% 18% 0% 11%) |
| Lab | lab(78.83 12.52 -17.49) |
| LCH | lch(78.83 21.51 305.6) |
| OKLab | oklab(82.389% 0.03507 -0.04722) |
| OKLCH | oklch(82.389% 0.05882 306.598) |
| Display P3 | color(display-p3 0.7992 0.73989 0.88263) |
| Rec. 2020 | color(rec2020 0.7681 0.71575 0.86612) |
| Adobe RGB | color(a98-rgb 0.78637 0.73157 0.8851) |
| ProPhoto RGB | color(prophoto-rgb 0.75663 0.69723 0.84669) |
| 線形sRGB | color(srgb-linear 0.62396 0.50289 0.77582) |
| XYZ D65 | color(xyz-d65 0.57716 0.54834 0.80945) |
| XYZ D50 | color(xyz-d50 0.57678 0.54637 0.61152) |
| SwiftUI | Color(red: 0.812, green: 0.737, blue: 0.894) |
| UIKit | UIColor(red: 0.812, green: 0.737, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFFCFBCE4) |
| Android XML | #CFBCE4 |

## 基本情報

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

## ティント

#cfbce4, #d4c3e7, #d8c9ea, #ddd0ec, #e2d7ef, #e7ddf2, #ece4f4, #f0ebf7, #f5f1fa, #faf8fc

## シェード

#cfbce4, #b4a3c6, #998ba9, #7f738d, #675d72, #4f4758, #38323f, #231f28, #100d12, #020203

## トーン

#cfbce4, #cebde1, #cdbede, #ccbfdb, #cbc0d8, #cac1d5, #c9c2d2, #c8c3cf, #c7c3cb, #c6c4c8

## カラーハーモニー

- 補色: #cfbce4, #bbcda4
- 分裂補色: #cfbce4, #d0c69b, #a7d1b6
- 類似色: #cfbce4, #bbc3ec, #dfb7d4
- トライアド: #cfbce4, #e0bf9d, #9ad2cb
- テトラード: #cfbce4, #e8b6bf, #bbcda4, #9ad2cb
- スクエア: #cfbce4, #e8b9ab, #bbcda4, #9acfde
- モノクロマティック: #cfbce4, #847397, #a997bd, #f6e3ff, #fdeeff

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

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

#cfbce4 はパステル調の 明るいパープルです。最も近い名前のある色はパステル調の 明るいパープルです。RGBでは rgb(207, 188, 228)、HSLでは hsl(268.5, 42.55%, 81.57%)、OKLCHでは oklch(82.389% 0.05882 306.598) です。

### #cfbce4 に合う色は？

#cfbce4 の補色は #bbcda4 です。落ち着いた組み合わせにするなら、類似色の #bbc3ec と #dfb7d4 を使いましょう。トライアドの組み合わせは #e0bf9d と #9ad2cb です。

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

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

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

#cfbce4 はニュートラルの色です。OKLCHでは色相 307度、明度 82.4%、クロマ 0.059 です。