Pick colors and generate palettes with an intuitive interface. Includes color conversion between HEX, RGB, HSL, and more.
Any format
HEX/8 · RGB(A) · HSL(A) · HSB · CSS name
Hue
38°
Saturation
62%
Lightness
59%
Alpha
1.00
Recent
Shortcuts: R random · C copy hex
#D7A756
≈ sandybrownHEX
#D7A756
HEX8 (RGBA)
#D7A756FF
RGB
rgb(215, 167, 86)
RGBA
rgba(215, 167, 86, 1)
HSL
hsl(38, 62%, 59%)
HSLA
hsla(38, 62%, 59%, 1)
HSB / HSV
hsb(38, 60%, 84%)
CMYK
cmyk(0%, 22%, 60%, 16%)
Nearest CSS name
sandybrown
WCAG contrast
Aa
on White
2.20:1
Aa
on Black
9.55:1
Best readable text on this colour is #000000 (9.55:1).
Tints & shades
Base mixed toward black (left) and white (right)
#2B2111
#564322
#816434
#AC8645
#D7A756
#DFB978
#E7CA9A
#EFDCBB
#F7EDDD
Complementary
Opposite hue (+180°)
#D7A756
#5686D7
Analogous
Neighbouring hues (±30°)
#D76756
#D7A756
#C6D756
Triadic
Even split (120°)
#D7A756
#56D7A7
#A756D7
Tetradic
Rectangle (90°)
#D7A756
#56D767
#5686D7
#D756C6
Monochromatic
Same hue, varied lightness
#3A290E
#78561C
#B6822B
#D7A756
#E6C794
#F4E7D2
#FBF6EF
Tailwind-style scale (50–900)
Ready-to-drop token ramp
50
100
200
300
400
500
600
700
800
900
