#CCF093

#CCF093

Color Values

HEX

#CCF093

RGB

204, 240, 147

HSL

83.2, 75.6%, 75.9%

HSV

83.2, 38.8%, 94.1%

CMYK

15.0%, 0.0%, 38.8%, 5.9%

OKLCH

0.9082 0.1249 126.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCF093

#B793F0

Analogous

#F0E593

#9EF093

#CCF093

Triadic

#CCF093

#93CCF0

#F093CC

Split Complementary

#CCF093

#939EF0

#E593F0

Tetradic

#CCF093

#93F0E5

#B793F0

#F0939E

Color Blindness Simulation

Original

#CCF093

Protanopia

#DCDCA9

Deuteranopia

#DAD7AF

Tritanopia

#CEBBBF

Achromatopsia

#E2E2E2

CSS Usage

background-color: #CCF093;
color: #CCF093;
border-color: #CCF093;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FCF2
100
#F0F9E2
200
#E1F6C0
300
#CCF094
400
#B1E859
500
#95E01F
600
#77B319
700
#608F14
800
#4B7010
900
#38510F
950
#23330A

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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