#C6DC66

#C6DC66

Color Values

HEX

#C6DC66

RGB

198, 220, 102

HSL

71.2, 62.8%, 63.1%

HSV

71.2, 53.6%, 86.3%

CMYK

10.0%, 0.0%, 53.6%, 13.7%

OKLCH

0.8541 0.1458 118.4

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#C6DC66

#7C66DC

Analogous

#DCB766

#8BDC66

#C6DC66

Triadic

#C6DC66

#66C6DC

#DC66C6

Split Complementary

#C6DC66

#668BDC

#B766DC

Tetradic

#C6DC66

#66DCB7

#7C66DC

#DC668B

Color Blindness Simulation

Original

#C6DC66

Protanopia

#D0D083

Deuteranopia

#CECD89

Tritanopia

#C7999E

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FAFBF3
100
#F3F7E4
200
#E9F2C5
300
#DAE89B
400
#C6DC65
500
#B2D02F
600
#8EA626
700
#72851E
800
#596818
900
#424C15
950
#29300D

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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