#D3CCFF

#D3CCFF

#F8FFCC

#F8FFCC

コントラスト比

1.46:1

Delta E

54.85

Very Different

50:50 ミックス

#E8E5E6

カラー値

フォーマット #D3CCFF #F8FFCC
HEX #D3CCFF #F8FFCC
RGB 211, 204, 255 248, 255, 204
HSL 248.2, 100.0%, 90.0% 68.2, 100.0%, 90.0%
HSV 248.2, 20.0%, 100.0% 68.2, 20.0%, 100.0%
CMYK 17.3%, 20.0%, 0.0%, 0.0% 2.7%, 0.0%, 20.0%, 0.0%
OKLCH 0.8676 0.0704 291.1 0.9822 0.0661 114.0

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F8FFCC → 背景色: #D3CCFF

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

テキスト: #D3CCFF → 背景色: #F8FFCC

色差 (Delta E)

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

グラデーション

#D3CCFF #DAD4F7 #E1DDEF #E8E5E6 #EDEEDE #F3F6D5 #F8FFCC

カラーミキシング

#D3CCFF

100%

#DED9F3

75:25

#E8E5E6

50:50

#F0F2D9

25:75

#F8FFCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #D3CCFF, #F8FFCC);
background: linear-gradient(135deg, #D3CCFF, #F8FFCC);

各色を詳しく見る

#D3CCFF

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

#F8FFCC

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

関連する比較