#CCF85F

A light, vivid green closely aligning with Yellowgreen.

About #CCF85F

Visually, #CCF85F is defined as a vivid green. Designers often compare it to the standard color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 248, and 95.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 18% cyan, 0% magenta, 62% yellow, and 3% black. With a hue angle of 77.3 degrees, it sits comfortably in the green spectrum.

Ensuring your text is legible against this background is a key part of web design. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#CCF85F
RGB204, 248, 95
HSL77.3°, 91.6%, 67.3%
CMYK18%, 0%, 62%, 3%
HSV77.3°, 61.7%, 97.3%
LAB92.0, -35.5, 66.8
XYZ60.5, 80.8, 23.2
Decimal13432927

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

1.22:1
Text on #FFFFFF
FAIL
17.16:1
Text on #000000
AAA
1.17:1
Text on #F8FAFC
FAIL
14.59:1
Text on #0F172A
AAA

CSS Implementation

.bg-color { background-color: #CCF85F; }
.text-color { color: #CCF85F; }
.border-color { border: 2px solid #CCF85F; }

Similar Colors

Yellowgreen
#9ACD32