#17543E

#17543E

white

#FFFFFF

对比度

8.85:1

Delta E

73.4

Very Different

50:50 混合

#8AA699

颜色值

格式 #17543E #FFFFFF
HEX #17543E #FFFFFF
RGB 23, 84, 62 255, 255, 255
HSL 158.4, 57.0%, 21.0% 0.0, 0.0%, 100.0%
HSV 158.4, 72.6%, 32.9% 0.0, 0.0%, 100.0%
CMYK 72.6%, 0.0%, 26.2%, 67.1% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.4006 0.0724 165.0 1.0 0.0 89.9

对比度与无障碍

8.85:1
AA Pass AA Large Pass AAA Pass AAA Large Pass

文本可读性

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

文本: #FFFFFF → 背景色: #17543E

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

文本: #17543E → 背景色: #FFFFFF

色差 (Delta E)

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

渐变

#17543E #406F5B #648A79 #8AA699 #B0C3BA #D7E1DC #FFFFFF

颜色混合

#17543E

100%

#527C6A

75:25

#8AA699

50:50

#C3D2CB

25:75

#FFFFFF

100%

CSS渐变代码

background: linear-gradient(to right, #17543E, #FFFFFF);
background: linear-gradient(135deg, #17543E, #FFFFFF);

探索每种颜色

#17543E

查看完整颜色详情

white

查看完整颜色详情

相关比较