Maroon Colors  ·  Color Library

Palettes / Colors / #ACFBFB

#ACFBFB — Pale Vivid Teal

#ACFBFB is a teal color we call Pale Vivid Teal, closest to the named color PaleTurquoise (#AFEEEE). It belongs to the teal family.

#ACFBFB is a cool teal color associated with freshness, clarity and balance. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #FBACAC; it also sits naturally between #ACFBD4 and #ACD4FB. In the palettes below you can see it working alongside real color combinations from our collection.

#ACFBFB · RGB 172, 251, 251

Download PNG swatch SVG

Color values

HEX#ACFBFB
RGB172, 251, 251
HSL180°, 91%, 83%
HSV180°, 31%, 98%
CMYK31%, 0%, 0%, 2%
XYZ68.92, 84.73, 103.99
Yxy84.73, 0.2675, 0.3289
CIE-Lab93.77, -23.93, -7.70
Hunter Lab92.05, -22.87, -7.85

RGB & CMYK percentages

Red 67% · Green 98% · Blue 98%

Cyan 31% · Magenta 0% · Yellow 0% · Key 2%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #ACFBFB on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #ACFBFB on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #ACFBFB

.text { color: #ACFBFB; }
.background { background-color: #ACFBFB; }
.border { border: 3px solid #ACFBFB; }
.text-rgb { color: rgb(172, 251, 251); }
.text-hsl { color: hsl(180, 91%, 83%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #ACFBFB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(172, 251, 251, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #ACFBFB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(172, 251, 251, 0.8); }

HTML: <p style="color:#ACFBFB">Text here</p> · <div style="background-color:#ACFBFB">Div content here</div>

Shades of #ACFBFB

#85F9F9#5EF7F7#37F6F6#10F4F4#0AD6D6#08AFAF#068888#056161#033A3A#011313

Tints of #ACFBFB

#B1FBFB#BBFCFC#C0FCFC#C5FCFC#CEFDFD#D3FDFD#D8FDFD#DDFDFD#E7FEFE#ECFEFE

Tones of #ACFBFB

#B2F5F5#B7F0F0#BDEAEA#C3E5E5#C8DFDF#CED9D9

Color harmonies

Complementary — #FBACAC:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.17:1 Fails
Against black text17.95:1 AAA

Best text color on #ACFBFB: #000000.

How #ACFBFB looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #CECFFBDeuteranopia · #CAC4FBTritanopia · #B0FBFB

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind violet 500 · #8B5CF6

Palettes with a similar color

These palettes use a close neighbour of #ACFBFB rather than the exact color:

Palette 00f7ff
#00F7FF · #B0FFFA · #FF0087 · #FF7DB0
Palette Ecfcff
#ECFCFF · #B2FCFF · #5EDFFF · #3E64FF
Rustic Zephyr
#162742 · #14CCCE · #36E0EB · #B1F6F7
Palette 6499e9
#6499E9 · #9EDDFF · #A6F6FF · #BEFFF7
Palette B6fffa
#B6FFFA · #98E4FF · #80B3FF · #687EFF
Palette 00e0ff
#00E0FF · #74F9FF · #A6FFF2 · #E8FFE8

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#B0FFFA#B2FCFF#B1F6F7#A6F6FF#B6FFFA#A6FFF2#B7FBFF#ACF0F6#B6F4F9#A6F6F1#B1F0F7#B9FFFC

Browse neighbouring colors

← #ACFBFA  ·  #ACFBFC →

Frequently asked questions

What color is #ACFBFB?

#ACFBFB is Pale Vivid Teal, a teal color (RGB 172, 251, 251). Its closest standard named color is PaleTurquoise.

What is the RGB and HSL of #ACFBFB?

#ACFBFB is RGB 172, 251, 251 — HSL 180°, 91%, 83% — CMYK 31%, 0%, 0%, 2%.

What colors go with #ACFBFB?

Its complement is #FBACAC; analogous partners are #ACFBD4 and #ACD4FB. It also appears in 6+ palettes in our collection.

Can I use #ACFBFB for text?

Black text on #ACFBFB has a contrast ratio of 17.95:1 (passes WCAG AA); white text gives 1.17:1.