#CCF5A8

#CCF5A8

Color Values

HEX

#CCF5A8

RGB

204, 245, 168

HSL

91.9, 79.4%, 81.0%

HSV

91.9, 31.4%, 96.1%

CMYK

16.7%, 0.0%, 31.4%, 3.9%

OKLCH

0.9227 0.1091 131.0

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#CCF5A8

#D1A8F5

Analogous

#F3F5A8

#A8F5AB

#CCF5A8

Triadic

#CCF5A8

#A8CCF5

#F5A8CC

Split Complementary

#CCF5A8

#ABA8F5

#F5A8F3

Tetradic

#CCF5A8

#A8F3F5

#D1A8F5

#F5ABA8

Color Blindness Simulation

Original

#CCF5A8

Protanopia

#DEDEBB

Deuteranopia

#DBD8BF

Tritanopia

#CEC9CD

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#ECF9E1
200
#DAF8BF
300
#BFF291
400
#9CEC56
500
#79E51A
600
#61B715
700
#4D9211
800
#3D720D
900
#2E530E
950
#1D3409

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026