Hex Color #BBCD62 - Custom Color

Color Codes

HEX

#BBCD62

RGB

rgb(187, 205, 98)

HSL

hsl(70, 52%, 59%)

CMYK

cmyk(9%, 0%, 52%, 20%)

HSV

hsv(70, 52%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CDA960 #BBCD60 #84CD60

Triadic

#BBCD60 #60BBCD #CD60BB

Split Complementary

#BBCD60 #6084CD #A960CD

Tetradic (Square)

#BBCD60 #60CDA9 #7260CD #CD6084

Complementary

#BBCD62 #7260CD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.75:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.02: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: #BBCD62;

color: #BBCD62;

border-color: #BBCD62;

}

Tailwind CSS (with arbitrary values)

bg-[#BBCD62]

text-[#BBCD62]

border-[#BBCD62]

// Example usage: