#AFAFF7

#AFAFF7

#F7F7AF

#F7F7AF

コントラスト比

1.83:1

Delta E

78.41

Very Different

50:50 ミックス

#D8D2D5

カラー値

フォーマット #AFAFF7 #F7F7AF
HEX #AFAFF7 #F7F7AF
RGB 175, 175, 247 247, 247, 175
HSL 240.0, 81.8%, 82.7% 60.0, 81.8%, 82.7%
HSV 240.0, 29.1%, 96.9% 60.0, 29.1%, 96.9%
CMYK 29.1%, 29.1%, 0.0%, 3.1% 0.0%, 0.0%, 29.1%, 3.1%
OKLCH 0.7806 0.102 283.8 0.9595 0.0912 108.0

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

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7F7AF → 背景色: #AFAFF7

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

テキスト: #AFAFF7 → 背景色: #F7F7AF

色差 (Delta E)

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

グラデーション

#AFAFF7 #BEBBEC #CCC6E0 #D8D2D5 #E3DEC9 #EEEBBC #F7F7AF

カラーミキシング

#AFAFF7

100%

#C5C0E6

75:25

#D8D2D5

50:50

#E8E4C2

25:75

#F7F7AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFAFF7, #F7F7AF);
background: linear-gradient(135deg, #AFAFF7, #F7F7AF);

各色を詳しく見る

#AFAFF7

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

#F7F7AF

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

関連する比較