#CACCF7

#CACCF7

#F7F5CA

#F7F5CA

コントラスト比

1.4:1

Delta E

46.34

Very Different

50:50 ミックス

#E2E0E1

カラー値

フォーマット #CACCF7 #F7F5CA
HEX #CACCF7 #F7F5CA
RGB 202, 204, 247 247, 245, 202
HSL 237.3, 73.8%, 88.0% 57.3, 73.8%, 88.0%
HSV 237.3, 18.2%, 96.9% 57.3, 18.2%, 96.9%
CMYK 18.2%, 17.4%, 0.0%, 3.1% 0.0%, 0.8%, 18.2%, 3.1%
OKLCH 0.8577 0.0596 283.0 0.9609 0.0558 105.2

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7F5CA → 背景色: #CACCF7

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

テキスト: #CACCF7 → 背景色: #F7F5CA

色差 (Delta E)

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

グラデーション

#CACCF7 #D3D3F0 #DBD9E8 #E2E0E1 #EAE7DA #F0EED2 #F7F5CA

カラーミキシング

#CACCF7

100%

#D7D6EC

75:25

#E2E0E1

50:50

#EDEBD6

25:75

#F7F5CA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CACCF7, #F7F5CA);
background: linear-gradient(135deg, #CACCF7, #F7F5CA);

各色を詳しく見る

#CACCF7

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

#F7F5CA

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

関連する比較