#AFBAFE

#AFBAFE

#FEF3AF

#FEF3AF

コントラスト比

1.65:1

Delta E

73.51

Very Different

50:50 ミックス

#DCD6D8

カラー値

フォーマット #AFBAFE #FEF3AF
HEX #AFBAFE #FEF3AF
RGB 175, 186, 254 254, 243, 175
HSL 231.6, 97.5%, 84.1% 51.6, 97.5%, 84.1%
HSV 231.6, 31.1%, 99.6% 51.6, 31.1%, 99.6%
CMYK 31.1%, 26.8%, 0.0%, 0.4% 0.0%, 4.3%, 31.1%, 0.4%
OKLCH 0.8051 0.0971 276.9 0.9571 0.0867 100.1

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

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEF3AF → 背景色: #AFBAFE

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

テキスト: #AFBAFE → 背景色: #FEF3AF

色差 (Delta E)

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

グラデーション

#AFBAFE #C0C3F2 #CFCCE5 #DCD6D8 #E8DFCB #F4E9BD #FEF3AF

カラーミキシング

#AFBAFE

100%

#C8C8EB

75:25

#DCD6D8

50:50

#EEE4C4

25:75

#FEF3AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFBAFE, #FEF3AF);
background: linear-gradient(135deg, #AFBAFE, #FEF3AF);

各色を詳しく見る

#AFBAFE

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

#FEF3AF

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

関連する比較