What is the hex code for PaleTurquoise?

The hex code for PaleTurquoise is #AFEEEE.

What is the RGB value of PaleTurquoise?

The RGB value of PaleTurquoise is rgb(175, 238, 238).

What is the HSL value of PaleTurquoise?

The HSL value of PaleTurquoise is hsl(180, 65%, 81%).

What is the HSV value of PaleTurquoise?

The HSV value of PaleTurquoise is hsv(180, 26%, 93%).

What CSS code do I use for PaleTurquoise?

Use background-color: #AFEEEE; for background, color: #AFEEEE; for text, or border: 1px solid #AFEEEE; for borders.

PaleTurquoise Hex #AFEEEE: HTML Color Code & Gradients

PaleTurquoise (#AFEEEE) Color Codes & Gradients

Color Preview

Make a gradient with PaleTurquoise →

Opens PaleTurquoise with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	paleturquoise
Hex	#AFEEEE
RGB	rgb(175, 238, 238)
HSV	hsv(180, 26%, 93%)
HSL	hsl(180, 65%, 81%)
OKLCH	oklch(90.69% 0.0632 196.09)

What is the color name for #AFEEEE?

#AFEEEE color name is PaleTurquoise.

Color Information

The HTML color PaleTurquoise has the hexadecimal code #AFEEEE and in the RGB color space is composed of 69% red, 93% green, and 93% blue. The color PaleTurquoise has a hue angle of 180 degrees, a saturation of 64.9% and a lightness of 81%.

PaleTurquoise CSS Code Snippets

Background Color

.bg-paleturquoise { background-color: #AFEEEE; }

Text Color

.text-paleturquoise { color: #AFEEEE; }

Border Color

.border-paleturquoise { border: 1px solid #AFEEEE; }

Shade Gradient

.gradient-shade-paleturquoise { background: linear-gradient(135deg, #AFEEEE, #7DE3E3); }

Tint Gradient

.gradient-tint-paleturquoise { background: linear-gradient(135deg, #AFEEEE, #E1F9F9); }

Monochromatic Gradient

.gradient-mono-paleturquoise { background: linear-gradient(135deg, #AFEEEE, #94CACA); }

PaleTurquoise Shades

#A7ECEC

#9EEAEA

#96E9E9

#8DE7E7

#85E5E5

#7DE3E3

PaleTurquoise Tints

#B7F0F0

#C0F2F2

#C8F3F3

#D1F5F5

#D9F7F7

#E1F9F9

PaleTurquoise Tones

#B5E8E8

#BCE1E1

#C2DBDB

#C8D5D5

#CECECE

PaleTurquoise Monochromatic

#94CACA

#79A5A5

#5F8181

#445C5C

#293838

#0E1313

Similar Colors to PaleTurquoise

#AFEED9

#AFEEE1

#AFEEEA

#AFEAEE

#AFE1EE

#AFD9EE

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator