#33DFDF

#33DFDF

#DF3333

#DF3333

对比度

2.74:1

Delta E

122.82

Very Different

50:50 混合

#BE9785

颜色值

格式 #33DFDF #DF3333
HEX #33DFDF #DF3333
RGB 51, 223, 223 223, 51, 51
HSL 180.0, 72.9%, 53.7% 0.0, 72.9%, 53.7%
HSV 180.0, 77.1%, 87.5% 0.0, 77.1%, 87.5%
CMYK 77.1%, 0.0%, 0.0%, 12.5% 0.0%, 77.1%, 77.1%, 12.5%
OKLCH 0.8225 0.1315 194.9 0.5928 0.2081 26.3

对比度与无障碍

2.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF3333 → 背景色: #33DFDF

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

文本: #33DFDF → 背景色: #DF3333

色差 (Delta E)

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

渐变

#33DFDF #83C8C0 #A7B0A2 #BE9785 #CD7C69 #D85D4D #DF3333

颜色混合

#33DFDF

100%

#97BCB1

75:25

#BE9785

50:50

#D36D5B

25:75

#DF3333

100%

CSS渐变代码

background: linear-gradient(to right, #33DFDF, #DF3333);
background: linear-gradient(135deg, #33DFDF, #DF3333);

探索每种颜色

#33DFDF

查看完整颜色详情

#DF3333

查看完整颜色详情

相关比较