#31A08C

Color Details

HEX
#31A08C
RGB
rgb(49, 160, 140)
HSL
hsl(169, 53%, 41%)
CMYK
cmyk(69%, 0%, 13%, 37%)
Best text on this color #000000 (CR 6.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #31a08c
Contrast 6.54:1 AA
White on #31a08c
Contrast 3.21:1 Fail
#31a08c on Black
Contrast 6.54:1 AA
#31a08c on White
Contrast 3.21:1 Fail

Tints & Shades

#5ab3a3
#83c6ba
#add9d1
#278070
#1d6054
#144038

Complement & Analogous

#a03145
#317da0
#31a054

Triadic

#8c31a0
#a08c31

Monochrome

#144038 #1d6054 #31a08c #83c6ba #add9d1 #d6ece8

Analogous

#31a054 #6fbd87 #31a08c #5a97b3 #317da0 #276480

Complementary Mix

#1d6054 #31a08c #83c6ba #a03145 #c17986 #68202d

Nearby Colors

#31a08b
#31a08d
#31a07c
#31a09c

Embed #31A08C swatch

Embed this swatch

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

Open image

About #31A08C

#31A08C converts to RGB(49, 160, 140) and HSL(169, 53%, 41%). 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).

#31A08C FAQs

What is the RGB value of #31A08C?
RGB: 49, 160, 140. Copy as CSS: rgb(49, 160, 140)
Is #31A08C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #31A08C?
Complement: #a03145.
Does #31A08C have good contrast on white or black?
On white: 3.21:1 (AA (large text)). On black: 6.54:1 (AA (normal text)).