#AFD7FF

#AFD7FF

#FFD7AF

#FFD7AF

コントラスト比

1.11:1

Delta E

50.41

Very Different

50:50 ミックス

#DDD7D7

カラー値

フォーマット #AFD7FF #FFD7AF
HEX #AFD7FF #FFD7AF
RGB 175, 215, 255 255, 215, 175
HSL 210.0, 100.0%, 84.3% 30.0, 100.0%, 84.3%
HSV 210.0, 31.4%, 100.0% 30.0, 31.4%, 100.0%
CMYK 31.4%, 15.7%, 0.0%, 0.0% 0.0%, 15.7%, 31.4%, 0.0%
OKLCH 0.8642 0.0701 248.6 0.9034 0.0689 66.8

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFD7AF → 背景色: #AFD7FF

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

テキスト: #AFD7FF → 背景色: #FFD7AF

色差 (Delta E)

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

グラデーション

#AFD7FF #C0D7F2 #D0D7E4 #DDD7D7 #E9D7CA #F5D7BD #FFD7AF

カラーミキシング

#AFD7FF

100%

#C8D7EB

75:25

#DDD7D7

50:50

#EFD7C3

25:75

#FFD7AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFD7FF, #FFD7AF);
background: linear-gradient(135deg, #AFD7FF, #FFD7AF);

各色を詳しく見る

#AFD7FF

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

#FFD7AF

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

関連する比較