HEX Color #D3F883 (Khaki)

About #D3F883

The precise color #D3F883 is an excellent choice for modern design projects. 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 211, 248, 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 15% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#D3F883

RGB211, 248, 131

HSL79.0°, 89.3%, 74.3%

CMYK15%, 0%, 47%, 3%

HSV79.0°, 47.2%, 97.3%

LAB92.8, -29.7, 52.0

XYZ64.5, 82.6, 34.0

Decimal13891715

Color Harmonies

Complementary

#D3F883 #A783F8

Analogous

#F8E283 #98F883

Triadic

#83D2F8 #F883D2

Tetradic

#83F8E2 #A783F8 #F88398

Tints, Shades & Tones

Tints (Adding White)

#D3F883

#D7F890

#DCF99E

#E1FAAC

#E6FBBA

#EBFBC7

#F0FCD5

#F5FDE3

#FAFEF1

#FFFFFF

Shades (Adding Black)

#D3F883

#BBDC74

#A4C065

#8CA557

#758948

#5D6E3A

#46522B

#2E371D

#171B0E

#000000

WCAG Contrast Accessibility

1.20:1

Text on #FFFFFF

FAIL

17.52:1

Text on #000000

AAA

1.15:1

Text on #F8FAFC

FAIL

14.90:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3F883; }

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

Similar Colors

Khaki

#F0E68C