#ABF6EC

#ABF6EC

Color Values

HEX

#ABF6EC

RGB

171, 246, 236

HSL

172.0, 80.6%, 81.8%

HSV

172.0, 30.5%, 96.5%

CMYK

30.5%, 0.0%, 4.1%, 3.5%

OKLCH

0.9214 0.0752 185.6

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#ABF6EC

#F6ABB5

Analogous

#ABF6C7

#ABDBF6

#ABF6EC

Triadic

#ABF6EC

#ECABF6

#F6ECAB

Split Complementary

#ABF6EC

#F6ABDB

#F6C7AB

Tetradic

#ABF6EC

#C7ABF6

#F6ABB5

#DBF6AB

Color Blindness Simulation

Original

#ABF6EC

Protanopia

#CBCCEE

Deuteranopia

#C7C2EF

Tritanopia

#AFF0F1

Achromatopsia

#E5E5E5

CSS Usage

background-color: #ABF6EC;
color: #ABF6EC;
border-color: #ABF6EC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FDFB
100
#E1F9F6
200
#BFF8F0
300
#90F3E6
400
#55EDD8
500
#19E6CB
600
#14B8A2
700
#109382
800
#0C7365
900
#0D544A
950
#08352F

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026