#AFBBFF

#AFBBFF

#FFF3AF

#FFF3AF

コントラスト比

1.64:1

Delta E

73.49

Very Different

50:50 ミックス

#DDD6D8

カラー値

フォーマット #AFBBFF #FFF3AF
HEX #AFBBFF #FFF3AF
RGB 175, 187, 255 255, 243, 175
HSL 231.0, 100.0%, 84.3% 51.0, 100.0%, 84.3%
HSV 231.0, 31.4%, 100.0% 51.0, 31.4%, 100.0%
CMYK 31.4%, 26.7%, 0.0%, 0.0% 0.0%, 4.7%, 31.4%, 0.0%
OKLCH 0.8075 0.0972 276.3 0.9579 0.0868 99.3

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

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF3AF → 背景色: #AFBBFF

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

テキスト: #AFBBFF → 背景色: #FFF3AF

色差 (Delta E)

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

グラデーション

#AFBBFF #C0C4F2 #CFCDE5 #DDD6D8 #E9E0CB #F4E9BD #FFF3AF

カラーミキシング

#AFBBFF

100%

#C8C8EC

75:25

#DDD6D8

50:50

#EFE4C4

25:75

#FFF3AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFBBFF, #FFF3AF);
background: linear-gradient(135deg, #AFBBFF, #FFF3AF);

各色を詳しく見る

#AFBBFF

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

#FFF3AF

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

関連する比較