Hex Color #BED173 - Custom Color

Color Codes

HEX

#BED173

RGB

rgb(190, 209, 115)

HSL

hsl(72, 51%, 64%)

CMYK

cmyk(9%, 0%, 45%, 18%)

HSV

hsv(72, 45%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D2B674 #BFD274 #90D274

Triadic

#BFD274 #74BFD2 #D274BF

Split Complementary

#BFD274 #7490D2 #B674D2

Tetradic (Square)

#BFD274 #74D2B6 #8774D2 #D27490

Complementary

#BED173 #8774D2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.67:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.56:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #BED173;

color: #BED173;

border-color: #BED173;

}

Tailwind CSS (with arbitrary values)

bg-[#BED173]

text-[#BED173]

border-[#BED173]

// Example usage: