#AECAF4

#AECAF4

#F4D8AE

#F4D8AE

コントラスト比

1.22:1

Delta E

48.7

Very Different

50:50 ミックス

#D6D1D1

カラー値

フォーマット #AECAF4 #F4D8AE
HEX #AECAF4 #F4D8AE
RGB 174, 202, 244 244, 216, 174
HSL 216.0, 76.1%, 82.0% 36.0, 76.1%, 82.0%
HSV 216.0, 28.7%, 95.7% 36.0, 28.7%, 95.7%
CMYK 28.7%, 17.2%, 0.0%, 4.3% 0.0%, 11.5%, 28.7%, 4.3%
OKLCH 0.8326 0.0666 258.4 0.8952 0.0631 77.8

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4D8AE → 背景色: #AECAF4

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

テキスト: #AECAF4 → 背景色: #F4D8AE

色差 (Delta E)

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

グラデーション

#AECAF4 #BDCCE9 #CACEDD #D6D1D1 #E0D3C6 #EBD6BA #F4D8AE

カラーミキシング

#AECAF4

100%

#C3CDE3

75:25

#D6D1D1

50:50

#E6D4C0

25:75

#F4D8AE

100%

CSSグラデーションコード

background: linear-gradient(to right, #AECAF4, #F4D8AE);
background: linear-gradient(135deg, #AECAF4, #F4D8AE);

各色を詳しく見る

#AECAF4

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

#F4D8AE

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

関連する比較