#C2FF6C

#C2FF6C

Color Values

HEX

#C2FF6C

RGB

194, 255, 108

HSL

84.9, 100.0%, 71.2%

HSV

84.9, 57.6%, 100.0%

CMYK

23.9%, 0.0%, 57.6%, 0.0%

OKLCH

0.9297 0.1869 128.5

Properties

Cool Light Nearest: darkolivegreen 1

Color Harmonies

Complementary

#C2FF6C

#A96CFF

Analogous

#FFF36C

#79FF6C

#C2FF6C

Triadic

#C2FF6C

#6CC2FF

#FF6CC2

Split Complementary

#C2FF6C

#6C79FF

#F36CFF

Tetradic

#C2FF6C

#6CFFF3

#A96CFF

#FF6C79

Color Blindness Simulation

Original

#C2FF6C

Protanopia

#DCDD90

Deuteranopia

#D9D498

Tritanopia

#C5ACB2

Achromatopsia

#E7E7E7

CSS Usage

background-color: #C2FF6C;
color: #C2FF6C;
border-color: #C2FF6C;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FEF1
100
#F0FCDE
200
#E1FFB8
300
#CCFF85
400
#B1FF42
500
#95FF00
600
#77CC00
700
#5FA300
800
#4B8000
900
#385C05
950
#233A03

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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