#AFBCFD

#AFBCFD

#FDF0AF

#FDF0AF

コントラスト比

1.6:1

Delta E

70.37

Very Different

50:50 ミックス

#DBD5D7

カラー値

フォーマット #AFBCFD #FDF0AF
HEX #AFBCFD #FDF0AF
RGB 175, 188, 253 253, 240, 175
HSL 230.0, 95.1%, 83.9% 50.0, 95.1%, 83.9%
HSV 230.0, 30.8%, 99.2% 50.0, 30.8%, 99.2%
CMYK 30.8%, 25.7%, 0.0%, 0.8% 0.0%, 5.1%, 30.8%, 0.8%
OKLCH 0.8086 0.0932 275.4 0.9503 0.0836 98.2

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

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF0AF → 背景色: #AFBCFD

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

テキスト: #AFBCFD → 背景色: #FDF0AF

色差 (Delta E)

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

グラデーション

#AFBCFD #C0C4F1 #CECDE4 #DBD5D7 #E8DECA #F3E7BD #FDF0AF

カラーミキシング

#AFBCFD

100%

#C7C8EA

75:25

#DBD5D7

50:50

#EDE3C4

25:75

#FDF0AF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFBCFD, #FDF0AF);
background: linear-gradient(135deg, #AFBCFD, #FDF0AF);

各色を詳しく見る

#AFBCFD

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

#FDF0AF

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

関連する比較