CSS Color: PaleTurquoise
Named CSS color PaleTurquoise — #AFEEEE in HEX, rgb(175, 238, 238) in RGB, hsl(180, 65%, 81%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | PaleTurquoise | color: PaleTurquoise; |
| HEX | #AFEEEE | color: #AFEEEE; |
| RGB | rgb(175, 238, 238) | color: rgb(175, 238, 238); |
| HSL | hsl(180, 65%, 81%) | color: hsl(180, 65%, 81%); |
About PaleTurquoise
PaleTurquoise is a soft, pastel cyan that creates a light and airy atmosphere. At hex `#AFEEEE`, it has nearly equal green and blue values (238 each) with moderate red (175), sitting at 180 degrees hue with 65% saturation and 81% lightness.
In web design, PaleTurquoise works well as a background color for cards, sections, and gentle highlighting. Its softness makes it ideal for spa and wellness websites, baby products, and clean, minimal design themes. It provides a distinct color identity while remaining subtle and non-distracting.
Accessibility: PaleTurquoise is a background-only color on light surfaces, achieving about 1.4:1 contrast against white. Use very dark text (ideally black or near-black) on PaleTurquoise backgrounds. Against dark surfaces, it provides good readability.
PaleTurquoise is lighter and more muted than Turquoise and Aquamarine. It pairs well with navy, charcoal, coral, and deeper teal tones for contrast. In Tailwind CSS, `cyan-200` or `teal-100` provide similar softness.
FAQ
What is the hex code for PaleTurquoise?
The CSS named color PaleTurquoise has the hex code #AFEEEE. You can use it in CSS as color: #AFEEEE; or simply color: PaleTurquoise;.
What is PaleTurquoise in RGB?
In RGB notation, PaleTurquoise is rgb(175, 238, 238). Use it in CSS as color: rgb(175, 238, 238);.
What is PaleTurquoise in HSL?
In HSL notation, PaleTurquoise is hsl(180, 65%, 81%). Use it in CSS as color: hsl(180, 65%, 81%);.
What color category is PaleTurquoise?
PaleTurquoise belongs to the Blue color family in the CSS named colors specification.
Can I use the name "PaleTurquoise" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: PaleTurquoise; or background-color: PaleTurquoise; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert PaleTurquoise to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →