#AFEAEB

#AFEAEB

Color Values

HEX

#AFEAEB

RGB

175, 234, 235

HSL

181.0, 60.0%, 80.4%

HSV

181.0, 25.5%, 92.2%

CMYK

25.5%, 0.4%, 0.0%, 7.8%

OKLCH

0.8974 0.0597 197.4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#AFEAEB

#EBB0AF

Analogous

#AFEBCE

#AFCCEB

#AFEAEB

Triadic

#AFEAEB

#EBAFEA

#EAEBAF

Split Complementary

#AFEAEB

#EBAFCC

#EBCEAF

Tetradic

#AFEAEB

#CEAFEB

#EBB0AF

#CCEBAF

Color Blindness Simulation

Original

#AFEAEB

Protanopia

#C9C9EB

Deuteranopia

#C5C1EB

Tritanopia

#B2EBEB

Achromatopsia

#DEDEDE

CSS Usage

background-color: #AFEAEB;
color: #AFEAEB;
border-color: #AFEAEB;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6F0F1
300
#9DE5E7
400
#68D7D9
500
#33C9CC
600
#29A1A3
700
#218183
800
#1A6566
900
#164A4B
950
#0E2F2F

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026