#39AFCC

#39AFCC

#CC5639

#CC5639

对比度

1.65:1

Delta E

94.55

Very Different

50:50 混合

#A78781

颜色值

格式 #39AFCC #CC5639
HEX #39AFCC #CC5639
RGB 57, 175, 204 204, 86, 57
HSL 191.8, 59.0%, 51.2% 11.8, 59.0%, 51.2%
HSV 191.8, 72.1%, 80.0% 11.8, 72.1%, 80.0%
CMYK 72.1%, 14.2%, 0.0%, 20.0% 0.0%, 57.8%, 72.1%, 20.0%
OKLCH 0.7014 0.1098 217.9 0.5999 0.1567 35.0

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC5639 → 背景色: #39AFCC

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

文本: #39AFCC → 背景色: #CC5639

色差 (Delta E)

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

渐变

#39AFCC #73A2B2 #919599 #A78781 #B67869 #C26851 #CC5639

颜色混合

#39AFCC

100%

#849CA6

75:25

#A78781

50:50

#BD705D

25:75

#CC5639

100%

CSS渐变代码

background: linear-gradient(to right, #39AFCC, #CC5639);
background: linear-gradient(135deg, #39AFCC, #CC5639);

探索每种颜色

#39AFCC

查看完整颜色详情

#CC5639

查看完整颜色详情

相关比较