#00AFFC

Color Details

HEX
#00AFFC
RGB
rgb(0, 175, 252)
HSL
hsl(198, 100%, 49%)
CMYK
cmyk(100%, 31%, 0%, 1%)
Best text on this color #000000 (CR 8.54:1) Determined by WCAG contrast ratio

Readability Previews

Black on #00affc
Contrast 8.54:1 AAA
White on #00affc
Contrast 2.46:1 Fail
#00affc on Black
Contrast 8.54:1 AAA
#00affc on White
Contrast 2.46:1 Fail

Tints & Shades

#33bffd
#66cffd
#99dffe
#008cca
#006997
#004665

Complement & Analogous

#fa4b00
#0032fa
#00fac8

Triadic

#fa00af
#affa00

Monochrome

#004665 #006997 #00affc #66cffd #99dffe #cceffe

Analogous

#00fac8 #4dfcd9 #00affc #335bfb #0032fa #0028c8

Complementary Mix

#006997 #00affc #66cffd #fa4b00 #fc8a59 #a33100

Nearby Colors

#00affb
#00affd
#00afec
#00b00c

Embed #00AFFC swatch

Embed this swatch

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

Open image

About #00AFFC

#00AFFC converts to RGB(0, 175, 252) and HSL(198, 100%, 49%). 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).

#00AFFC FAQs

What is the RGB value of #00AFFC?
RGB: 0, 175, 252. Copy as CSS: rgb(0, 175, 252)
Is #00AFFC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #00AFFC?
Complement: #fa4b00.
Does #00AFFC have good contrast on white or black?
On white: 2.46:1 (Fails AA). On black: 8.54:1 (AAA (normal text)).