#525D0C

Color Details

HEX
#525D0C
RGB
rgb(82, 93, 12)
HSL
hsl(68, 77%, 21%)
CMYK
cmyk(12%, 0%, 87%, 64%)
Best text on this color #FFFFFF (CR 7.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #525d0c
Contrast 2.93:1 Fail
White on #525d0c
Contrast 7.17:1 AAA
#525d0c on Black
Contrast 2.93:1 Fail
#525d0c on White
Contrast 7.17:1 AAA

Tints & Shades

#757d3d
#979e6d
#babe9e
#424a0a
#313807
#212505

Complement & Analogous

#170c5f
#2b5f0c
#5f410c

Triadic

#0c545f
#5f0c54

Monochrome

#212505 #313807 #525d0c #979e6d #babe9e #dcdfce

Analogous

#5f410c #8f7a55 #525d0c #557f3d #2b5f0c #224c0a

Complementary Mix

#313807 #525d0c #979e6d #170c5f #686197 #0f083e

Nearby Colors

#525d0b
#525d0d
#525cfc
#525d1c

Embed #525D0C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #525D0C

#525D0C converts to RGB(82, 93, 12) and HSL(68, 77%, 21%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#525D0C FAQs

What is the RGB value of #525D0C?
RGB: 82, 93, 12. Copy as CSS: rgb(82, 93, 12)
Is #525D0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #525D0C?
Complement: #170c5f.
Does #525D0C have good contrast on white or black?
On white: 7.17:1 (AAA (normal text)). On black: 2.93:1 (Fails AA).