#CACBDF

#CACBDF

#DFDECA

#DFDECA

コントラスト比

1.18:1

Delta E

21.8

Noticeable

50:50 ミックス

#D5D4D5

カラー値

フォーマット #CACBDF #DFDECA
HEX #CACBDF #DFDECA
RGB 202, 203, 223 223, 222, 202
HSL 237.1, 24.7%, 83.3% 57.1, 24.7%, 83.3%
HSV 237.1, 9.4%, 87.5% 57.1, 9.4%, 87.5%
CMYK 9.4%, 9.0%, 0.0%, 12.5% 0.0%, 0.4%, 9.4%, 12.5%
OKLCH 0.8475 0.0277 283.5 0.896 0.0268 104.6

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

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFDECA → 背景色: #CACBDF

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

テキスト: #CACBDF → 背景色: #DFDECA

色差 (Delta E)

21.8 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#CACBDF #CECEDC #D1D1D8 #D5D4D5 #D8D8D1 #DCDBCE #DFDECA

カラーミキシング

#CACBDF

100%

#D0D0DA

75:25

#D5D4D5

50:50

#DAD9CF

25:75

#DFDECA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CACBDF, #DFDECA);
background: linear-gradient(135deg, #CACBDF, #DFDECA);

各色を詳しく見る

#CACBDF

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

#DFDECA

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

関連する比較