HEX Color #BDE283 (Khaki)

About #BDE283

The hex code #BDE283 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 226, and 131.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 16% cyan and 0% magenta inks. With a hue angle of 83.4 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BDE283

RGB189, 226, 131

HSL83.4°, 62.1%, 70.0%

CMYK16%, 0%, 42%, 11%

HSV83.4°, 42.0%, 88.6%

LAB85.4, -27.5, 42.4

XYZ52.3, 66.9, 31.6

Decimal12444291

Color Harmonies

Complementary

#BDE283 #A783E1

Analogous

#E1D783 #8DE183

Triadic

#83BCE1 #E183BC

Tetradic

#83E1D7 #A783E1 #E1838D

Tints, Shades & Tones

Tints (Adding White)

#BDE283

#C4E590

#CBE89E

#D3EBAC

#DAEEBA

#E1F2C7

#E9F5D5

#F0F8E3

#F7FBF1

#FFFFFF

Shades (Adding Black)

#BDE283

#A8C874

#93AF65

#7E9657

#697D48

#54643A

#3F4B2B

#2A321D

#15190E

#000000

WCAG Contrast Accessibility

1.46:1

Text on #FFFFFF

FAIL

14.37:1

Text on #000000

AAA

1.40:1

Text on #F8FAFC

FAIL

12.22:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDE283; }

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

Similar Colors

Khaki

#F0E68C