#C1FADE

#C1FADE

Color Values

HEX

#C1FADE

RGB

193, 250, 222

HSL

150.5, 85.1%, 86.9%

HSV

150.5, 22.8%, 98.0%

CMYK

22.8%, 0.0%, 11.2%, 2.0%

OKLCH

0.9386 0.0691 163.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C1FADE

#FAC1DD

Analogous

#C1FAC2

#C1FAFA

#C1FADE

Triadic

#C1FADE

#DEC1FA

#FADEC1

Split Complementary

#C1FADE

#FAC1FA

#FAC2C1

Tetradic

#C1FADE

#C2C1FA

#FAC1DD

#FAFAC1

Color Blindness Simulation

Original

#C1FADE

Protanopia

#DADAE5

Deuteranopia

#D6D2E6

Tritanopia

#C4EAEB

Achromatopsia

#ECECEC

CSS Usage

background-color: #C1FADE;
color: #C1FADE;
border-color: #C1FADE;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDFADC
300
#8EF6C3
400
#50F1A2
500
#13EC81
600
#0FBD67
700
#0C9753
800
#097641
900
#0B5631
950
#07361F

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

18.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026