#C2F7C8

#C2F7C8

Color Values

HEX

#C2F7C8

RGB

194, 247, 200

HSL

126.8, 76.8%, 86.5%

HSV

126.8, 21.5%, 96.9%

CMYK

21.5%, 0.0%, 19.0%, 3.1%

OKLCH

0.9273 0.0832 147.9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#C2F7C8

#F7C2F1

Analogous

#D7F7C2

#C2F7E3

#C2F7C8

Triadic

#C2F7C8

#C8C2F7

#F7C8C2

Split Complementary

#C2F7C8

#E3C2F7

#F7C2D7

Tetradic

#C2F7C8

#C2D7F7

#F7C2F1

#F7E3C2

Color Blindness Simulation

Original

#C2F7C8

Protanopia

#D9D9D3

Deuteranopia

#D6D2D6

Tritanopia

#C5DCDE

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E1F9E4
200
#C0F7C6
300
#93F19D
400
#58E969
500
#1EE134
600
#18B429
700
#139021
800
#0F711A
900
#0F5217
950
#09340E

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026