CSS named color
Tan
#D2B48C
HEX
#d2b48cRGB
rgb(210, 180, 140)HSL
hsl(34, 44%, 69%)OKLCH
oklch(78.62% 0.0638 74.62)NAME
tanPalette
Complementary
180° on the color wheelComplement
#8DABD3
Analogous
±30° around the base hueLeft
#D3928D
Right
#CED38D
Triadic
±120° for harmonic contrastTriad 1
#8DD3B5
Triad 2
#B58DD3
Shades
Lighter and darker variantsCSS usage
By name
color: tan;
background-color: tan;By HEX
color: #d2b48c;
background-color: #d2b48c;By RGB
color: rgb(210, 180, 140);
background-color: rgb(210, 180, 140);By HSL
color: hsl(34, 44%, 69%);
background-color: hsl(34, 44%, 69%);WCAG contrast vs white
Aa
1.97:1
Below minimum
WCAG contrast vs black
Aa
10.65:1
AAA
Related colors
FAQ — Tan
What is the HEX code for Tan?
The HEX code for Tan is #D2B48C. It's one of the 148 named CSS colors and can be used directly in CSS as color: tan; or color: #d2b48c;
What is Tan in RGB?
Tan in RGB is rgb(210, 180, 140) — red 210, green 180, blue 140.
What is Tan in HSL?
Tan in HSL is hsl(34, 44%, 69%) — hue 34°, saturation 44%, lightness 69%.
What is the complementary color of Tan?
The complementary color (directly opposite Tan on the color wheel) is #8DABD3. The two together produce maximum contrast.
Is white text readable on Tan?
The WCAG contrast ratio against white (#FFFFFF) is 1.97:1, and against black (#000000) it's 10.65:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.