#02B5AF

Color Details

HEX
#02B5AF
RGB
rgb(2, 181, 175)
HSL
hsl(178, 98%, 36%)
CMYK
cmyk(99%, 0%, 3%, 29%)
Best text on this color #000000 (CR 8.23:1) Determined by WCAG contrast ratio

Readability Previews

Black on #02b5af
Contrast 8.23:1 AAA
White on #02b5af
Contrast 2.55:1 Fail
#02b5af on Black
Contrast 8.23:1 AAA
#02b5af on White
Contrast 2.55:1 Fail

Tints & Shades

#35c4bf
#67d3cf
#9ae1df
#02918c
#016d69
#014846

Complement & Analogous

#b60208
#0262b6
#02b656

Triadic

#b002b6
#b6b002

Monochrome

#014846 #016d69 #02b5af #67d3cf #9ae1df #ccf0ef

Analogous

#02b656 #4ecc89 #02b5af #3581c5 #0262b6 #024e92

Complementary Mix

#016d69 #02b5af #67d3cf #b60208 #d05b5e #760105

Nearby Colors

#02b5ae
#02b5b0
#02b59f
#02b5bf

Embed #02B5AF swatch

Embed this swatch

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

Open image

About #02B5AF

#02B5AF converts to RGB(2, 181, 175) and HSL(178, 98%, 36%). 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).

#02B5AF FAQs

What is the RGB value of #02B5AF?
RGB: 2, 181, 175. Copy as CSS: rgb(2, 181, 175)
Is #02B5AF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #02B5AF?
Complement: #b60208.
Does #02B5AF have good contrast on white or black?
On white: 2.55:1 (Fails AA). On black: 8.23:1 (AAA (normal text)).