#C8F7CC

#C8F7CC

Color Values

HEX

#C8F7CC

RGB

200, 247, 204

HSL

125.1, 74.6%, 87.6%

HSV

125.1, 19.0%, 96.9%

CMYK

19.0%, 0.0%, 17.4%, 3.1%

OKLCH

0.9321 0.0752 147.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#C8F7CC

#F7C8F3

Analogous

#DBF7C8

#C8F7E3

#C8F7CC

Triadic

#C8F7CC

#CCC8F7

#F7CCC8

Split Complementary

#C8F7CC

#E3C8F7

#F7C8DB

Tetradic

#C8F7CC

#C8DBF7

#F7C8F3

#F7E3C8

Color Blindness Simulation

Original

#C8F7CC

Protanopia

#DCDDD6

Deuteranopia

#DAD6D9

Tritanopia

#CADFE0

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F8E4
200
#C1F6C5
300
#94EF9C
400
#5AE766
500
#20DF31
600
#1AB227
700
#158E1F
800
#106F18
900
#105115
950
#0A330E

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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