#1F7A5C

Color Details

HEX
#1F7A5C
RGB
rgb(31, 122, 92)
HSL
hsl(160, 59%, 30%)
CMYK
cmyk(75%, 0%, 25%, 52%)
Best text on this color #FFFFFF (CR 5.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #1f7a5c
Contrast 4.00:1 Fail
White on #1f7a5c
Contrast 5.25:1 AA
#1f7a5c on Black
Contrast 4.00:1 Fail
#1f7a5c on White
Contrast 5.25:1 AA

Tints & Shades

#4c957d
#79af9d
#a5cabe
#19624a
#134937
#0c3125

Complement & Analogous

#7a1f3d
#1f6b7a
#1f7a2e

Triadic

#5c1f7a
#7a5c1f

Monochrome

#0c3125 #134937 #1f7a5c #79af9d #a5cabe #d2e4de

Analogous

#1f7a2e #62a26d #1f7a5c #4c8995 #1f6b7a #195662

Complementary Mix

#134937 #1f7a5c #79af9d #7a1f3d #a96d81 #4f1428

Nearby Colors

#1f7a5b
#1f7a5d
#1f7a4c
#1f7a6c

Embed #1F7A5C swatch

Embed this swatch

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

Open image

About #1F7A5C

#1F7A5C converts to RGB(31, 122, 92) and HSL(160, 59%, 30%). 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).

#1F7A5C FAQs

What is the RGB value of #1F7A5C?
RGB: 31, 122, 92. Copy as CSS: rgb(31, 122, 92)
Is #1F7A5C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #1F7A5C?
Complement: #7a1f3d.
Does #1F7A5C have good contrast on white or black?
On white: 5.25:1 (AA (normal text)). On black: 4.00:1 (AA (large text)).