HEX Color #C5DB00 (Yellowgreen)

About #C5DB00

Visually, #C5DB00 is defined as a vivid yellow. If you're using CSS, you might find it aligns closely with Yellowgreen. Its digital footprint relies on 197 parts red, 219 parts green, and 0 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 10% cyan, 0% magenta, 100% yellow, and 14% black. The HSL representation is 66.0° hue, 100.0% saturation, and 42.9% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#C5DB00

RGB197, 219, 0

HSL66.0°, 100.0%, 42.9%

CMYK10%, 0%, 100%, 14%

HSV66.0°, 100.0%, 85.9%

LAB83.2, -28.4, 82.3

XYZ48.4, 62.5, 9.5

Decimal12966656

Color Harmonies

Complementary

#C5DB00 #1500DB

Analogous

#DB8300 #57DB00

Triadic

#00C5DB #DB00C5

Tetradic

#00DB83 #1500DB #DB0057

Tints, Shades & Tones

Tints (Adding White)

#C5DB00

#CBDF1C

#D1E338

#D8E755

#DEEB71

#E5EF8D

#EBF3AA

#F2F7C6

#F8FBE2

#FFFFFF

Shades (Adding Black)

#C5DB00

#AFC200

#99AA00

#839200

#6D7900

#576100

#414900

#2B3000

#151800

#000000

WCAG Contrast Accessibility

1.55:1

Text on #FFFFFF

FAIL

13.51:1

Text on #000000

AAA

1.49:1

Text on #F8FAFC

FAIL

11.48:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #C5DB00; }

.text-color { color: #C5DB00; }

.border-color { border: 2px solid #C5DB00; }

Similar Colors

Yellowgreen

#9ACD32