#AFB6FF

#AFB6FF

#FFF8AF

#FFF8AF

コントラスト比

1.76:1

Delta E

78.87

Very Different

50:50 ミックス

#DDD6D9

カラー値

フォーマット #AFB6FF #FFF8AF
HEX #AFB6FF #FFF8AF
RGB 175, 182, 255 255, 248, 175
HSL 234.8, 100.0%, 84.3% 54.8, 100.0%, 84.3%
HSV 234.8, 31.4%, 100.0% 54.8, 31.4%, 100.0%
CMYK 31.4%, 28.6%, 0.0%, 0.0% 0.0%, 2.7%, 31.4%, 0.0%
OKLCH 0.7977 0.1036 279.5 0.9679 0.0921 103.3

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

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF8AF → 背景色: #AFB6FF

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

テキスト: #AFB6FF → 背景色: #FFF8AF

色差 (Delta E)

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

グラデーション

#AFB6FF #C0C1F2 #CFCBE6 #DDD6D9 #E9E1CB #F5EDBD #FFF8AF

カラーミキシング

#AFB6FF

100%

#C8C6EC

75:25

#DDD6D9

50:50

#EFE7C4

25:75

#FFF8AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFB6FF, #FFF8AF);
background: linear-gradient(135deg, #AFB6FF, #FFF8AF);

各色を詳しく見る

#AFB6FF

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

#FFF8AF

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

関連する比較