#AFE5DF

#AFE5DF

Color Values

HEX

#AFE5DF

RGB

175, 229, 223

HSL

173,3, 50,9%, 79,2%

HSV

173,3, 23,6%, 89,8%

CMYK

23,6%, 0,0%, 2,6%, 10,2%

OKLCH

0,883 0,0558 187,8

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#AFE5DF

#E5AFB5

Analogous

#AFE5C4

#AFD0E5

#AFE5DF

Triadic

#AFE5DF

#DFAFE5

#E5DFAF

Split Complementary

#AFE5DF

#E5AFD0

#E5C4AF

Tetradic

#AFE5DF

#C4AFE5

#E5AFB5

#D0E5AF

Color Blindness Simulation

Original

#AFE5DF

Protanopia

#C6C7E0

Deuteranopia

#C3BFE1

Tritanopia

#B2E2E2

Achromatopsia

#D9D9D9

CSS Usage

background-color: #AFE5DF;
color: #AFE5DF;
border-color: #AFE5DF;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EDE9
300
#A3E1DA
400
#71D1C6
500
#3FC0B2
600
#329A8E
700
#287B72
800
#1F6059
900
#1A4742
950
#112D29

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,1:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026