#CAC4FF

#CAC4FF

#F9FFC4

#F9FFC4

コントラスト比

1.57:1

Delta E

63.55

Very Different

50:50 ミックス

#E4E1E3

カラー値

フォーマット #CAC4FF #F9FFC4
HEX #CAC4FF #F9FFC4
RGB 202, 196, 255 249, 255, 196
HSL 246.1, 100.0%, 88.4% 66.1, 100.0%, 88.4%
HSV 246.1, 23.1%, 100.0% 66.1, 23.1%, 100.0%
CMYK 20.8%, 23.1%, 0.0%, 0.0% 2.4%, 0.0%, 23.1%, 0.0%
OKLCH 0.8452 0.0819 289.2 0.9812 0.0758 112.5

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

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9FFC4 → 背景色: #CAC4FF

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

テキスト: #CAC4FF → 背景色: #F9FFC4

色差 (Delta E)

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

グラデーション

#CAC4FF #D4CEF6 #DCD7EC #E4E1E3 #ECEBD9 #F3F5CE #F9FFC4

カラーミキシング

#CAC4FF

100%

#D8D2F1

75:25

#E4E1E3

50:50

#EFF0D4

25:75

#F9FFC4

100%

CSSグラデーションコード

background: linear-gradient(to right, #CAC4FF, #F9FFC4);
background: linear-gradient(135deg, #CAC4FF, #F9FFC4);

各色を詳しく見る

#CAC4FF

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

#F9FFC4

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

関連する比較