CSS named color
PaleTurquoise
#AFEEEE
HEX
#afeeeeRGB
rgb(175, 238, 238)HSL
hsl(180, 65%, 81%)OKLCH
oklch(90.69% 0.0632 196.09)NAME
paleturquoisePalette
Complementary
180° on the color wheelComplement
#EEAFAF
Analogous
±30° around the base hueLeft
#AFEECF
Right
#AFCFEE
Triadic
±120° for harmonic contrastTriad 1
#EEAFEE
Triad 2
#EEEEAF
Shades
Lighter and darker variantsCSS usage
By name
color: paleturquoise;
background-color: paleturquoise;By HEX
color: #afeeee;
background-color: #afeeee;By RGB
color: rgb(175, 238, 238);
background-color: rgb(175, 238, 238);By HSL
color: hsl(180, 65%, 81%);
background-color: hsl(180, 65%, 81%);WCAG contrast vs white
Aa
1.29:1
Below minimum
WCAG contrast vs black
Aa
16.29:1
AAA
Related colors
FAQ — PaleTurquoise
What is the HEX code for PaleTurquoise?
The HEX code for PaleTurquoise is #AFEEEE. It's one of the 148 named CSS colors and can be used directly in CSS as color: paleturquoise; or color: #afeeee;
What is PaleTurquoise in RGB?
PaleTurquoise in RGB is rgb(175, 238, 238) — red 175, green 238, blue 238.
What is PaleTurquoise in HSL?
PaleTurquoise in HSL is hsl(180, 65%, 81%) — hue 180°, saturation 65%, lightness 81%.
What is the complementary color of PaleTurquoise?
The complementary color (directly opposite PaleTurquoise on the color wheel) is #EEAFAF. The two together produce maximum contrast.
Is white text readable on PaleTurquoise?
The WCAG contrast ratio against white (#FFFFFF) is 1.29:1, and against black (#000000) it's 16.29:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.