#ABBDF4

#ABBDF4

#F4E2AB

#F4E2AB

コントラスト比

1.44:1

Delta E

60.4

Very Different

50:50 ミックス

#D4CFD0

カラー値

フォーマット #ABBDF4 #F4E2AB
HEX #ABBDF4 #F4E2AB
RGB 171, 189, 244 244, 226, 171
HSL 225.2, 76.8%, 81.4% 45.2, 76.8%, 81.4%
HSV 225.2, 29.9%, 95.7% 45.2, 29.9%, 95.7%
CMYK 29.9%, 22.5%, 0.0%, 4.3% 0.0%, 7.4%, 29.9%, 4.3%
OKLCH 0.8041 0.0807 270.5 0.9142 0.0735 92.1

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

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4E2AB → 背景色: #ABBDF4

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

テキスト: #ABBDF4 → 背景色: #F4E2AB

色差 (Delta E)

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

グラデーション

#ABBDF4 #BAC3E8 #C8C9DC #D4CFD0 #E0D5C4 #EADCB8 #F4E2AB

カラーミキシング

#ABBDF4

100%

#C1C6E2

75:25

#D4CFD0

50:50

#E5D8BE

25:75

#F4E2AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABBDF4, #F4E2AB);
background: linear-gradient(135deg, #ABBDF4, #F4E2AB);

各色を詳しく見る

#ABBDF4

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

#F4E2AB

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

関連する比較