#5FD0D4

#5FD0D4

#D4635F

#D4635F

对比度

1.99:1

Delta E

85.74

Very Different

50:50 混合

#B39E98

颜色值

格式 #5FD0D4 #D4635F
HEX #5FD0D4 #D4635F
RGB 95, 208, 212 212, 99, 95
HSL 182.1, 57.6%, 60.2% 2.1, 57.6%, 60.2%
HSV 182.1, 55.2%, 83.1% 2.1, 55.2%, 83.1%
CMYK 55.2%, 1.9%, 0.0%, 16.9% 0.0%, 53.3%, 55.2%, 16.9%
OKLCH 0.794 0.1025 198.5 0.6362 0.1436 24.0

对比度与无障碍

1.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D4635F → 背景色: #5FD0D4

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

文本: #5FD0D4 → 背景色: #D4635F

色差 (Delta E)

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

渐变

#5FD0D4 #87C0BF #A0AFAB #B39E98 #C18C84 #CC7871 #D4635F

颜色混合

#5FD0D4

100%

#95B7B5

75:25

#B39E98

50:50

#C7827B

25:75

#D4635F

100%

CSS渐变代码

background: linear-gradient(to right, #5FD0D4, #D4635F);
background: linear-gradient(135deg, #5FD0D4, #D4635F);

探索每种颜色

#5FD0D4

查看完整颜色详情

#D4635F

查看完整颜色详情

相关比较