#3ED2DF

#3ED2DF

#DF4B3E

#DF4B3E

对比度

2.2:1

Delta E

109.79

Very Different

50:50 混合

#BA978B

颜色值

格式 #3ED2DF #DF4B3E
HEX #3ED2DF #DF4B3E
RGB 62, 210, 223 223, 75, 62
HSL 184.8, 71.6%, 55.9% 4.8, 71.6%, 55.9%
HSV 184.8, 72.2%, 87.5% 4.8, 72.2%, 87.5%
CMYK 72.2%, 5.8%, 0.0%, 12.5% 0.0%, 66.4%, 72.2%, 12.5%
OKLCH 0.7935 0.1213 203.8 0.6168 0.1864 28.7

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF4B3E → 背景色: #3ED2DF

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

文本: #3ED2DF → 背景色: #DF4B3E

色差 (Delta E)

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

渐变

#3ED2DF #82BFC2 #A4ABA7 #BA978B #CA8171 #D66957 #DF4B3E

颜色混合

#3ED2DF

100%

#95B5B4

75:25

#BA978B

50:50

#D17564

25:75

#DF4B3E

100%

CSS渐变代码

background: linear-gradient(to right, #3ED2DF, #DF4B3E);
background: linear-gradient(135deg, #3ED2DF, #DF4B3E);

探索每种颜色

#3ED2DF

查看完整颜色详情

#DF4B3E

查看完整颜色详情

相关比较