#CCE260

#CCE260

Color Values

HEX

#CCE260

RGB

204, 226, 96

HSL

70.2, 69.1%, 63.1%

HSV

70.2, 57.5%, 88.6%

CMYK

9.7%, 0.0%, 57.5%, 11.4%

OKLCH

0.871 0.1565 117.8

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CCE260

#7660E2

Analogous

#E2B760

#8BE260

#CCE260

Triadic

#CCE260

#60CCE2

#E260CC

Split Complementary

#CCE260

#608BE2

#B760E2

Tetradic

#CCE260

#60E2B7

#7660E2

#E2608B

Color Blindness Simulation

Original

#CCE260

Protanopia

#D6D67F

Deuteranopia

#D4D387

Tritanopia

#CD989E

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E3
200
#ECF4C3
300
#DEEC98
400
#CCE25F
500
#BAD827
600
#95AC20
700
#778A19
800
#5D6C14
900
#444F12
950
#2B320C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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