Color Preview

#686B2E

Yellow
Opacity
100%
Color Information
HEX #686B2E
RGB 104, 107, 46
RGBA rgba(104, 107, 46, 1)
HSL 63°, 40%, 30%
HSLA hsla(63, 40%, 30%, 1)
HSV 63°, 57%, 42%
CMYK 3%, 0%, 57%, 58%
Color Properties
Dark
Brightness
Low
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 5.63:1
AA
Black
Ratio: 3.73:1
AA Large
Light Gray
Ratio: 5.34:1
AA
Dark Gray
Ratio: 2.04:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.