#486357

#486357

white

#FFFFFF

对比度

6.57:1

Delta E

61.89

Very Different

50:50 混合

#9FAEA7

颜色值

格式 #486357 #FFFFFF
HEX #486357 #FFFFFF
RGB 72, 99, 87 255, 255, 255
HSL 153.3, 15.8%, 33.5% 0.0, 0.0%, 100.0%
HSV 153.3, 27.3%, 38.8% 0.0, 0.0%, 100.0%
CMYK 27.3%, 0.0%, 12.1%, 61.2% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.4743 0.0375 165.7 1.0 0.0 89.9

对比度与无障碍

6.57:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #FFFFFF → 背景色: #486357

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

文本: #486357 → 背景色: #FFFFFF

色差 (Delta E)

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

渐变

#486357 #647B71 #81948B #9FAEA7 #BEC8C4 #DEE3E1 #FFFFFF

颜色混合

#486357

100%

#73887E

75:25

#9FAEA7

50:50

#CED6D2

25:75

#FFFFFF

100%

CSS渐变代码

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

探索每种颜色

#486357

查看完整颜色详情

white

查看完整颜色详情

相关比较