Pale Turquoise #AFEEEE

Pale Turquoise is a very light, muted teal or cyan with hex code #AFEEEE and RGB rgb(175, 238, 238).

Aa

Black text reads best on this color (16.28:1).

About this color

#AFEEEE is a very light, muted teal or cyan. In OKLCH its lightness is 91%, its chroma 0.063 and its hue 196°. Its hue sits on the cool side of the wheel. It is the named color Pale Turquoise. Black text reads best on it, at 16.28:1.

Hue familyTeals and cyans
Lightnessvery light (91%)
Chromamuted (0.063)
Temperaturecool
Nearest namePale Turquoise
Black text16.28:1
White text1.28:1

Colors that go with Pale Turquoise

Matches found by rotating Pale Turquoise around the OKLCH hue wheel, each labelled with the closest name in our list.

Complementary

The opposite hue (180°).

Open the complementary palette in the generator

Color palettes with Pale Turquoise

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Pale Turquoise, closest first.

Similar named colors

The eight named colors closest to Pale Turquoise, with their ΔE distance.

More about Pale Turquoise

How to make Pale Turquoise

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 4 parts white
  • 1 part blue

Recipe result: #C0E0F8, a difference of ΔE 0.046 from Pale Turquoise. That is close; add a little more of one paint to match.

What colors make teal or cyan? | Color mixing chart

Codes for Pale Turquoise in every format

HEX#AFEEEE
RGBrgb(175, 238, 238)
HSLhsl(180, 65%, 81%)
OKLCHoklch(90.7% 0.063 196.1)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #AFEEEE 1.28:1 Fails Lc -16.5 Dividers and decoration only
Black text on #AFEEEE 16.28:1 AAA Lc 89.3 Fine for body text
#AFEEEE text on white 1.28:1 Fails Lc 14.3 Not readable
#AFEEEE text on black 16.28:1 AAA Lc -89.5 Fine for body text

Shades and tints of Pale Turquoise

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 200.

  1. Step 50

    50

    #EEF8F8

    oklch(97.2% 0.011 197)

  2. Step 100

    100

    #D9EFEF

    oklch(93.6% 0.023 196.8)

  3. Step 200

    200 (this color)

    #AFEEEE

    oklch(90.7% 0.063 196.1)

  4. Step 300

    300

    #7ED1D2

    oklch(80.8% 0.081 196.7)

  5. Step 400

    400

    #00B7B9

    oklch(70.6% 0.12 196.2)

  6. Step 500

    500

    #009D9F

    oklch(63.1% 0.107 196.4)

  7. Step 600

    600

    #008485

    oklch(55.6% 0.095 195.7)

  8. Step 700

    700

    #006F70

    oklch(49.1% 0.084 195.9)

  9. Step 800

    800

    #005B5C

    oklch(42.7% 0.073 196.1)

  10. Step 900

    900

    #004C4D

    oklch(37.8% 0.064 196.3)

  11. Step 950

    950

    #002D2E

    oklch(27% 0.046 197.1)

Export this scale for Tailwind in the Tailwind colors tool

Pale Turquoise with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#E6E8EE0.066
Deuteranopia (no green cones)#DADFEF0.062
Tritanopia (no blue cones)#99F2EE0.023
Achromatopsia (no color)#E3E3E30.064

Use Pale Turquoise in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.