#CCCFF7

#CCCFF7

#F7F4CC

#F7F4CC

コントラスト比

1.36:1

Delta E

43.04

Very Different

50:50 ミックス

#E3E1E2

カラー値

フォーマット #CCCFF7 #F7F4CC
HEX #CCCFF7 #F7F4CC
RGB 204, 207, 247 247, 244, 204
HSL 235.8, 72.9%, 88.4% 55.8, 72.9%, 88.4%
HSV 235.8, 17.4%, 96.9% 55.8, 17.4%, 96.9%
CMYK 17.4%, 16.2%, 0.0%, 3.1% 0.0%, 1.2%, 17.4%, 3.1%
OKLCH 0.8651 0.0554 281.8 0.9594 0.0521 103.8

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

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7F4CC → 背景色: #CCCFF7

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

テキスト: #CCCFF7 → 背景色: #F7F4CC

色差 (Delta E)

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

グラデーション

#CCCFF7 #D4D5F0 #DCDBE9 #E3E1E2 #EAE7DB #F1EED3 #F7F4CC

カラーミキシング

#CCCFF7

100%

#D8D8ED

75:25

#E3E1E2

50:50

#EDEBD7

25:75

#F7F4CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCCFF7, #F7F4CC);
background: linear-gradient(135deg, #CCCFF7, #F7F4CC);

各色を詳しく見る

#CCCFF7

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

#F7F4CC

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

関連する比較