#CFFADA

#CFFADA

Color Values

HEX

#CFFADA

RGB

207, 250, 218

HSL

135.3, 81.1%, 89.6%

HSV

135.3, 17.2%, 98.0%

CMYK

17.2%, 0.0%, 12.8%, 2.0%

OKLCH

0.9463 0.0616 152.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CFFADA

#FACFEF

Analogous

#DAFACF

#CFFAEF

#CFFADA

Triadic

#CFFADA

#DACFFA

#FADACF

Split Complementary

#CFFADA

#EFCFFA

#FACFDA

Tetradic

#CFFADA

#CFDAFA

#FACFEF

#FAEFCF

Color Blindness Simulation

Original

#CFFADA

Protanopia

#E2E2E2

Deuteranopia

#DFDCE4

Tritanopia

#D1E8E9

Achromatopsia

#EFEFEF

CSS Usage

background-color: #CFFADA;
color: #CFFADA;
border-color: #CFFADA;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FDF5
100
#E1F9E7
200
#BEF8CD
300
#90F3A9
400
#54ED7B
500
#18E74D
600
#13B93D
700
#0F9431
800
#0C7326
900
#0D541F
950
#083514

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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