PaleTurquoise Color — HEX, RGB, HSL, Palettes & Contrast

PaleTurquoise (#afeeee): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#afeeee
HEX #afeeee
RGB rgb(175, 238, 238)
HSL 180°, 65%, 81%

Use PaleTurquoise in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About PaleTurquoise Color

PaleTurquoise is a light, airy blue-green that feels calm and refreshing. It is a popular accent for wellness brands and spa-themed designs.

Use Cases for PaleTurquoise

wellness brandsspa themescalm backgroundsrefresh accentswater themes

Shades & Tints of PaleTurquoise

#ffffff
#ebfbfb
#d7f7f7
#c3f2f2
#afeeee
#83b3b3
#587777
#2c3c3c
#000000

Complementary Color

#afeeee
#eeafaf

Analogous Colors

#afeecf
#afeeee
#afcfee

Triadic Colors

#afeeee
#eeafee
#eeeeaf

Split Complementary

#afeeee
#eeafcf
#eecfaf

Tetradic Colors

#afeeee
#afafee
#eeafaf
#eeeeaf

CSS Code

.paleturquoise-color {
  color: #afeeee;
  background-color: #afeeee;
}

/* As a CSS custom property */
:root {
  --color-paleturquoise: #afeeee;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✗ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on PaleTurquoise
Ratio: 16.29:1 ✓ Passes AA ✓ Passes AAA
White text on PaleTurquoise
Ratio: 1.29:1 ✗ Fails AA ✗ Fails AAA

Related Colors

Turquoise
MediumTurquoise
Aquamarine
LightCyan
PowderBlue

Related Tools

Frequently Asked Questions

What color is PaleTurquoise?

PaleTurquoise is represented by the hex code #afeeee and has RGB values of rgb(175, 238, 238). It falls under the Teal category.

How to use PaleTurquoise in web design?

PaleTurquoise works well for wellness brands, spa themes, calm backgrounds. PaleTurquoise is a light, airy blue-green that feels calm and refreshing. It is a popular accent for wellness brands and spa-themed designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with PaleTurquoise?

Colors that pair well with PaleTurquoise include turquoise, mediumturquoise, aquamarine, lightcyan, powderblue. For a complementary scheme, try #eeafaf. For an analogous scheme, use #afeecf and #afcfee. For a triadic scheme, combine with #eeafee and #eeeeaf.