#84B4FD

#84B4FD

#FDCD84

#FDCD84

コントラスト比

1.43:1

Delta E

84.71

Very Different

50:50 ミックス

#CFC0C2

カラー値

フォーマット #84B4FD #FDCD84
HEX #84B4FD #FDCD84
RGB 132, 180, 253 253, 205, 132
HSL 216.2, 96.8%, 75.5% 36.2, 96.8%, 75.5%
HSV 216.2, 47.8%, 99.2% 36.2, 47.8%, 99.2%
CMYK 47.8%, 28.9%, 0.0%, 0.8% 0.0%, 19.0%, 47.8%, 0.8%
OKLCH 0.765 0.1174 258.6 0.8746 0.1058 77.2

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCD84 → 背景色: #84B4FD

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

テキスト: #84B4FD → 背景色: #FDCD84

色差 (Delta E)

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

グラデーション

#84B4FD #A3B8E9 #BBBCD6 #CFC0C2 #E0C4AE #EFC899 #FDCD84

カラーミキシング

#84B4FD

100%

#B0BAE0

75:25

#CFC0C2

50:50

#E8C6A4

25:75

#FDCD84

100%

CSSグラデーションコード

background: linear-gradient(to right, #84B4FD, #FDCD84);
background: linear-gradient(135deg, #84B4FD, #FDCD84);

各色を詳しく見る

#84B4FD

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

#FDCD84

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

関連する比較