HEX Color #BDF083 (Lightgreen)

About #BDF083

The precise color #BDF083 is an excellent choice for modern design projects. Its closest recognized web color is Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 240, and 131.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 21% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BDF083

RGB189, 240, 131

HSL88.1°, 78.4%, 72.7%

CMYK21%, 0%, 45%, 6%

HSV88.1°, 45.4%, 94.1%

LAB89.3, -34.1, 47.3

XYZ56.2, 74.8, 32.9

Decimal12447875

Color Harmonies

Complementary

#BDF083 #B582F0

Analogous

#F0EC82 #86F082

Triadic

#82BCF0 #F082BD

Tetradic

#82F0EC #B582F0 #F08286

Tints, Shades & Tones

Tints (Adding White)

#BDF083

#C4F190

#CBF39E

#D3F5AC

#DAF6BA

#E1F8C7

#E9FAD5

#F0FBE3

#F7FDF1

#FFFFFF

Shades (Adding Black)

#BDF083

#A8D574

#93BA65

#7EA057

#698548

#546A3A

#3F502B

#2A351D

#151A0E

#000000

WCAG Contrast Accessibility

1.32:1

Text on #FFFFFF

FAIL

15.96:1

Text on #000000

AAA

1.26:1

Text on #F8FAFC

FAIL

13.56:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDF083; }

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

Similar Colors

Lightgreen

#90EE90