#C7F4F2

#C7F4F2

Color Values

HEX

#C7F4F2

RGB

199, 244, 242

HSL

177,3, 67,2%, 86,9%

HSV

177,3, 18,4%, 95,7%

CMYK

18,4%, 0,0%, 0,8%, 4,3%

OKLCH

0,9352 0,0462 193,0

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#C7F4F2

#F4C7C9

Analogous

#C7F4DC

#C7E0F4

#C7F4F2

Triadic

#C7F4F2

#F2C7F4

#F4F2C7

Split Complementary

#C7F4F2

#F4C7E0

#F4DCC7

Tetradic

#C7F4F2

#DCC7F4

#F4C7C9

#E0F4C7

Color Blindness Simulation

Original

#C7F4F2

Protanopia

#DADBF2

Deuteranopia

#D8D4F3

Tritanopia

#C9F3F3

Achromatopsia

#EAEAEA

CSS Usage

background-color: #C7F4F2;
color: #C7F4F2;
border-color: #C7F4F2;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C3F3F1
300
#99EBE7
400
#61E0DA
500
#2AD5CD
600
#21ABA4
700
#1B8884
800
#156B67
900
#134E4B
950
#0C312F

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,65: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