#CCADF3

#CCADF3

#D4F3AD

#D4F3AD

コントラスト比

1.59:1

Delta E

78.62

Very Different

50:50 ミックス

#D4D0D1

カラー値

フォーマット #CCADF3 #D4F3AD
HEX #CCADF3 #D4F3AD
RGB 204, 173, 243 212, 243, 173
HSL 266.6, 74.5%, 81.6% 86.6, 74.5%, 81.6%
HSV 266.6, 28.8%, 95.3% 86.6, 28.8%, 95.3%
CMYK 16.0%, 28.8%, 0.0%, 4.7% 12.8%, 0.0%, 28.8%, 4.7%
OKLCH 0.799 0.1023 304.4 0.9248 0.0968 127.6

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

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D4F3AD → 背景色: #CCADF3

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

テキスト: #CCADF3 → 背景色: #D4F3AD

色差 (Delta E)

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

グラデーション

#CCADF3 #CFB9E8 #D2C5DD #D4D0D1 #D5DCC6 #D5E7BA #D4F3AD

カラーミキシング

#CCADF3

100%

#D1BFE2

75:25

#D4D0D1

50:50

#D5E2C0

25:75

#D4F3AD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCADF3, #D4F3AD);
background: linear-gradient(135deg, #CCADF3, #D4F3AD);

各色を詳しく見る

#CCADF3

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

#D4F3AD

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

関連する比較