#AABAFE

#AABAFE

#FEEEAA

#FEEEAA

コントラスト比

1.61:1

Delta E

73.78

Very Different

50:50 ミックス

#DAD3D5

カラー値

フォーマット #AABAFE #FEEEAA
HEX #AABAFE #FEEEAA
RGB 170, 186, 254 254, 238, 170
HSL 228.6, 97.7%, 83.1% 48.6, 97.7%, 83.1%
HSV 228.6, 33.1%, 99.6% 48.6, 33.1%, 99.6%
CMYK 33.1%, 26.8%, 0.0%, 0.4% 0.0%, 6.3%, 33.1%, 0.4%
OKLCH 0.8016 0.0983 273.8 0.9462 0.0876 96.5

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEEEAA → 背景色: #AABAFE

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

テキスト: #AABAFE → 背景色: #FEEEAA

色差 (Delta E)

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

グラデーション

#AABAFE #BCC2F1 #CCCBE3 #DAD3D5 #E7DCC7 #F3E5B9 #FEEEAA

カラーミキシング

#AABAFE

100%

#C4C6EA

75:25

#DAD3D5

50:50

#EDE0C0

25:75

#FEEEAA

100%

CSSグラデーションコード

background: linear-gradient(to right, #AABAFE, #FEEEAA);
background: linear-gradient(135deg, #AABAFE, #FEEEAA);

各色を詳しく見る

#AABAFE

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

#FEEEAA

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

関連する比較