#CCECBF

#CCECBF

#DFBFEC

#DFBFEC

コントラスト比

1.27:1

Delta E

53.32

Very Different

50:50 ミックス

#D7D6D6

カラー値

フォーマット #CCECBF #DFBFEC
HEX #CCECBF #DFBFEC
RGB 204, 236, 191 223, 191, 236
HSL 102.7, 54.2%, 83.7% 282.7, 54.2%, 83.7%
HSV 102.7, 19.1%, 92.5% 282.7, 19.1%, 92.5%
CMYK 13.6%, 0.0%, 19.1%, 7.5% 5.5%, 19.1%, 0.0%, 7.5%
OKLCH 0.9083 0.0689 136.7 0.8462 0.0704 316.2

コントラストとアクセシビリティ

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DFBFEC → 背景色: #CCECBF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #CCECBF → 背景色: #DFBFEC

色差 (Delta E)

53.32 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#CCECBF #D0E5C7 #D4DDCE #D7D6D6 #DACEDD #DDC7E5 #DFBFEC

カラーミキシング

#CCECBF

100%

#D2E1CB

75:25

#D7D6D6

50:50

#DBCBE1

25:75

#DFBFEC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCECBF, #DFBFEC);
background: linear-gradient(135deg, #CCECBF, #DFBFEC);

各色を詳しく見る

#CCECBF

カラーの詳細をすべて見る

#DFBFEC

カラーの詳細をすべて見る

関連する比較