#33CDD0

#33CDD0

#D03633

#D03633

对比度

2.53:1

Delta E

112.73

Very Different

50:50 混合

#B08D7E

颜色值

格式 #33CDD0 #D03633
HEX #33CDD0 #D03633
RGB 51, 205, 208 208, 54, 51
HSL 181.1, 62.5%, 50.8% 1.1, 62.5%, 50.8%
HSV 181.1, 75.5%, 81.6% 1.1, 75.5%, 81.6%
CMYK 75.5%, 1.4%, 0.0%, 18.4% 0.0%, 74.0%, 75.5%, 18.4%
OKLCH 0.774 0.1217 196.9 0.569 0.1914 26.6

对比度与无障碍

2.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D03633 → 背景色: #33CDD0

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

文本: #33CDD0 → 背景色: #D03633

色差 (Delta E)

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

渐变

#33CDD0 #7AB8B4 #9BA399 #B08D7E #BF7564 #C95A4B #D03633

颜色混合

#33CDD0

100%

#8CAEA6

75:25

#B08D7E

50:50

#C46858

25:75

#D03633

100%

CSS渐变代码

background: linear-gradient(to right, #33CDD0, #D03633);
background: linear-gradient(135deg, #33CDD0, #D03633);

探索每种颜色

#33CDD0

查看完整颜色详情

#D03633

查看完整颜色详情

相关比较