#ACEFE6

#ACEFE6

Color Values

HEX

#ACEFE6

RGB

172, 239, 230

HSL

171,9, 67,7%, 80,6%

HSV

171,9, 28,0%, 93,7%

CMYK

28,0%, 0,0%, 3,8%, 6,3%

OKLCH

0,905 0,0681 185,7

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#ACEFE6

#EFACB5

Analogous

#ACEFC4

#ACD7EF

#ACEFE6

Triadic

#ACEFE6

#E6ACEF

#EFE6AC

Split Complementary

#ACEFE6

#EFACD7

#EFC4AC

Tetradic

#ACEFE6

#C4ACEF

#EFACB5

#D7EFAC

Color Blindness Simulation

Original

#ACEFE6

Protanopia

#C9CAE8

Deuteranopia

#C5C0E9

Tritanopia

#AFEAEA

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C3F3ED
300
#98EBE0
400
#61E1CF
500
#29D6BF
600
#21AB98
700
#1A897A
800
#156B5F
900
#134E46
950
#0C312C

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,24: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