#42A38F

Color Details

HEX
#42A38F
RGB
rgb(66, 163, 143)
HSL
hsl(168, 42%, 45%)
CMYK
cmyk(60%, 0%, 12%, 36%)
Best text on this color #000000 (CR 6.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #42a38f
Contrast 6.87:1 AA
White on #42a38f
Contrast 3.06:1 Fail
#42a38f on Black
Contrast 6.87:1 AA
#42a38f on White
Contrast 3.06:1 Fail

Tints & Shades

#68b5a5
#8ec8bc
#b3dad2
#358272
#286256
#1a4139

Complement & Analogous

#a34356
#4386a3
#43a35f

Triadic

#9043a3
#a39043

Monochrome

#1a4139 #286256 #42a38f #8ec8bc #b3dad2 #d9ede9

Analogous

#43a35f #7bbf8f #42a38f #699eb5 #4386a3 #366b82

Complementary Mix

#286256 #42a38f #8ec8bc #a34356 #c38591 #6a2c38

Nearby Colors

#42a38e
#42a390
#42a37f
#42a39f

Embed #42A38F swatch

Embed this swatch

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

Open image

About #42A38F

#42A38F converts to RGB(66, 163, 143) and HSL(168, 42%, 45%). 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).

#42A38F FAQs

What is the RGB value of #42A38F?
RGB: 66, 163, 143. Copy as CSS: rgb(66, 163, 143)
Is #42A38F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #42A38F?
Complement: #a34356.
Does #42A38F have good contrast on white or black?
On white: 3.06:1 (AA (large text)). On black: 6.87:1 (AA (normal text)).