#84A2FD

#84A2FD

#FDDF84

#FDDF84

コントラスト比

1.88:1

Delta E

100.14

Very Different

50:50 ミックス

#CFBFC3

カラー値

フォーマット #84A2FD #FDDF84
HEX #84A2FD #FDDF84
RGB 132, 162, 253 253, 223, 132
HSL 225.1, 96.8%, 75.5% 45.1, 96.8%, 75.5%
HSV 225.1, 47.8%, 99.2% 45.1, 47.8%, 99.2%
CMYK 47.8%, 36.0%, 0.0%, 0.8% 0.0%, 11.9%, 47.8%, 0.8%
OKLCH 0.728 0.1368 269.0 0.9096 0.1157 91.7

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

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDDF84 → 背景色: #84A2FD

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

テキスト: #84A2FD → 背景色: #FDDF84

色差 (Delta E)

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

グラデーション

#84A2FD #A3ABEA #BBB5D7 #CFBFC3 #E0C9AF #EFD49A #FDDF84

カラーミキシング

#84A2FD

100%

#AFB0E0

75:25

#CFBFC3

50:50

#E8CFA5

25:75

#FDDF84

100%

CSSグラデーションコード

background: linear-gradient(to right, #84A2FD, #FDDF84);
background: linear-gradient(135deg, #84A2FD, #FDDF84);

各色を詳しく見る

#84A2FD

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

#FDDF84

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

関連する比較