#AFBAF7

#AFBAF7

#F7ECAF

#F7ECAF

コントラスト比

1.57:1

Delta E

66.23

Very Different

50:50 ミックス

#D8D2D4

カラー値

フォーマット #AFBAF7 #F7ECAF
HEX #AFBAF7 #F7ECAF
RGB 175, 186, 247 247, 236, 175
HSL 230.8, 81.8%, 82.7% 50.8, 81.8%, 82.7%
HSV 230.8, 29.1%, 96.9% 50.8, 29.1%, 96.9%
CMYK 29.1%, 24.7%, 0.0%, 3.1% 0.0%, 4.5%, 29.1%, 3.1%
OKLCH 0.8022 0.0874 276.3 0.9374 0.0788 99.1

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

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

テキスト読みやすさ

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

テキスト: #F7ECAF → 背景色: #AFBAF7

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

テキスト: #AFBAF7 → 背景色: #F7ECAF

色差 (Delta E)

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

グラデーション

#AFBAF7 #BEC2EC #CCCAE0 #D8D2D4 #E3DBC8 #EDE3BC #F7ECAF

カラーミキシング

#AFBAF7

100%

#C5C6E6

75:25

#D8D2D4

50:50

#E8DFC2

25:75

#F7ECAF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFBAF7, #F7ECAF);
background: linear-gradient(135deg, #AFBAF7, #F7ECAF);

各色を詳しく見る

#AFBAF7

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

#F7ECAF

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

関連する比較