#C2FBED

#C2FBED

Color Values

HEX

#C2FBED

RGB

194, 251, 237

HSL

165.3, 87.7%, 87.3%

HSV

165.3, 22.7%, 98.4%

CMYK

22.7%, 0.0%, 5.6%, 1.6%

OKLCH

0.9454 0.0606 178.2

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C2FBED

#FBC2D0

Analogous

#C2FBD1

#C2EDFB

#C2FBED

Triadic

#C2FBED

#EDC2FB

#FBEDC2

Split Complementary

#C2FBED

#FBC2ED

#FBD1C2

Tetradic

#C2FBED

#D1C2FB

#FBC2D0

#EDFBC2

Color Blindness Simulation

Original

#C2FBED

Protanopia

#DBDBF0

Deuteranopia

#D7D3F1

Tritanopia

#C5F3F4

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FAF4
200
#BCFBEB
300
#8CF7DD
400
#4EF3CB
500
#10EFB9
600
#0DBF94
700
#0A9976
800
#08785C
900
#0A5744
950
#06372B

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.32:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026