#33BDC0

#33BDC0

#C03633

#C03633

对比度

2.41:1

Delta E

103.28

Very Different

50:50 混合

#A28376

颜色值

格式 #33BDC0 #C03633
HEX #33BDC0 #C03633
RGB 51, 189, 192 192, 54, 51
HSL 181.3, 58.0%, 47.6% 1.3, 58.0%, 47.6%
HSV 181.3, 73.4%, 75.3% 1.3, 73.4%, 75.3%
CMYK 73.4%, 1.6%, 0.0%, 24.7% 0.0%, 71.9%, 73.4%, 24.7%
OKLCH 0.7294 0.1129 197.2 0.5413 0.1755 26.3

对比度与无障碍

2.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C03633 → 背景色: #33BDC0

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

文本: #33BDC0 → 背景色: #C03633

色差 (Delta E)

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

渐变

#33BDC0 #71AAA7 #8E978E #A28376 #B06D5F #B95549 #C03633

颜色混合

#33BDC0

100%

#81A19B

75:25

#A28376

50:50

#B56254

25:75

#C03633

100%

CSS渐变代码

background: linear-gradient(to right, #33BDC0, #C03633);
background: linear-gradient(135deg, #33BDC0, #C03633);

探索每种颜色

#33BDC0

查看完整颜色详情

#C03633

查看完整颜色详情

相关比较