#A0CFC4

#A0CFC4

Color Values

HEX

#A0CFC4

RGB

160, 207, 196

HSL

166.0, 32.9%, 72.0%

HSV

166.0, 22.7%, 81.2%

CMYK

22.7%, 0.0%, 5.3%, 18.8%

OKLCH

0.8181 0.0516 179.0

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A0CFC4

#CFA0AB

Analogous

#A0CFAD

#A0C3CF

#A0CFC4

Triadic

#A0CFC4

#C4A0CF

#CFC4A0

Split Complementary

#A0CFC4

#CFA0C3

#CFADA0

Tetradic

#A0CFC4

#ADA0CF

#CFA0AB

#C3CFA0

Color Blindness Simulation

Original

#A0CFC4

Protanopia

#B4B5C7

Deuteranopia

#B2AEC7

Tritanopia

#A2C9C9

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2F0
200
#D0E7E2
300
#AED6CD
400
#82C0B1
500
#56A996
600
#448878
700
#376C60
800
#2B554B
900
#223F38
950
#162823

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.22: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