#5E633C

Color Details

HEX
#5E633C
RGB
rgb(94, 99, 60)
HSL
hsl(68, 25%, 31%)
CMYK
cmyk(5%, 0%, 39%, 61%)
Best text on this color #FFFFFF (CR 6.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e633c
Contrast 3.33:1 Fail
White on #5e633c
Contrast 6.31:1 AA
#5e633c on Black
Contrast 3.33:1 Fail
#5e633c on White
Contrast 6.31:1 AA

Tints & Shades

#7e8263
#9ea18a
#bfc1b1
#4b4f30
#383b24
#262818

Complement & Analogous

#413b63
#4a633b
#63543b

Triadic

#3b5e63
#633b5e

Monochrome

#262818 #383b24 #5e633c #9ea18a #bfc1b1 #dfe0d8

Analogous

#63543b #928776 #5e633c #6e8262 #4a633b #3b4f2f

Complementary Mix

#383b24 #5e633c #9ea18a #413b63 #84809a #2a2640

Nearby Colors

#5e633b
#5e633d
#5e632c
#5e634c

Embed #5E633C swatch

Embed this swatch

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

Open image

About #5E633C

#5E633C converts to RGB(94, 99, 60) and HSL(68, 25%, 31%). 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).

#5E633C FAQs

What is the RGB value of #5E633C?
RGB: 94, 99, 60. Copy as CSS: rgb(94, 99, 60)
Is #5E633C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E633C?
Complement: #413b63.
Does #5E633C have good contrast on white or black?
On white: 6.31:1 (AA (normal text)). On black: 3.33:1 (AA (large text)).