#369446

#369446

white

#FFFFFF

对比度

3.83:1

Delta E

71.82

Very Different

50:50 混合

#9FCA9F

颜色值

格式 #369446 #FFFFFF
HEX #369446 #FFFFFF
RGB 54, 148, 70 255, 255, 255
HSL 130.2, 46.5%, 39.6% 0.0, 0.0%, 100.0%
HSV 130.2, 63.5%, 58.0% 0.0, 0.0%, 100.0%
CMYK 63.5%, 0.0%, 52.7%, 42.0% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.5923 0.1445 146.6 1.0 0.0 89.9

对比度与无障碍

3.83:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

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

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

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

色差 (Delta E)

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

渐变

#369446 #5DA663 #7EB881 #9FCA9F #BFDBBF #DFEDDE #FFFFFF

颜色混合

#369446

100%

#6EAF72

75:25

#9FCA9F

50:50

#CFE4CE

25:75

#FFFFFF

100%

CSS渐变代码

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

探索每种颜色

#369446

查看完整颜色详情

white

查看完整颜色详情

相关比较