#39AFDC

#39AFDC

#DC6639

#DC6639

对比度

1.39:1

Delta E

99.98

Very Different

50:50 混合

#B18E8A

颜色值

格式 #39AFDC #DC6639
HEX #39AFDC #DC6639
RGB 57, 175, 220 220, 102, 57
HSL 196.6, 70.0%, 54.3% 16.6, 70.0%, 54.3%
HSV 196.6, 74.1%, 86.3% 16.6, 74.1%, 86.3%
CMYK 74.1%, 20.5%, 0.0%, 13.7% 0.0%, 53.6%, 74.1%, 13.7%
OKLCH 0.7084 0.1208 228.1 0.6464 0.1595 40.5

对比度与无障碍

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #DC6639 → 背景色: #39AFDC

敏捷的棕色狐狸跳过了懒狗

文本: #39AFDC → 背景色: #DC6639

色差 (Delta E)

99.98 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#39AFDC #79A4C0 #9A99A5 #B18E8A #C3826F #D17454 #DC6639

颜色混合

#39AFDC

100%

#8B9FB2

75:25

#B18E8A

50:50

#CA7B62

25:75

#DC6639

100%

CSS渐变代码

background: linear-gradient(to right, #39AFDC, #DC6639);
background: linear-gradient(135deg, #39AFDC, #DC6639);

探索每种颜色

#39AFDC

查看完整颜色详情

#DC6639

查看完整颜色详情

相关比较