#AFD3F8

#AFD3F8

#F8D4AF

#F8D4AF

コントラスト比

1.11:1

Delta E

46.43

Very Different

50:50 ミックス

#D9D3D4

カラー値

フォーマット #AFD3F8 #F8D4AF
HEX #AFD3F8 #F8D4AF
RGB 175, 211, 248 248, 212, 175
HSL 210.4, 83.9%, 82.9% 30.4, 83.9%, 82.9%
HSV 210.4, 29.4%, 97.3% 30.4, 29.4%, 97.3%
CMYK 29.4%, 14.9%, 0.0%, 2.7% 0.0%, 14.5%, 29.4%, 2.7%
OKLCH 0.8533 0.0645 249.3 0.8913 0.0633 67.6

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

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

テキスト読みやすさ

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

テキスト: #F8D4AF → 背景色: #AFD3F8

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

テキスト: #AFD3F8 → 背景色: #F8D4AF

色差 (Delta E)

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

グラデーション

#AFD3F8 #BFD3EC #CCD3E0 #D9D3D4 #E4D4C8 #EED4BB #F8D4AF

カラーミキシング

#AFD3F8

100%

#C6D3E6

75:25

#D9D3D4

50:50

#E9D4C1

25:75

#F8D4AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFD3F8, #F8D4AF);
background: linear-gradient(135deg, #AFD3F8, #F8D4AF);

各色を詳しく見る

#AFD3F8

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

#F8D4AF

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

関連する比較