Hex Color #BCD130 - Custom Color

Color Codes

HEX

#BCD130

RGB

rgb(188, 209, 48)

HSL

hsl(68, 64%, 50%)

CMYK

cmyk(10%, 0%, 77%, 18%)

HSV

hsv(68, 77%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D1952E #BBD12E #6AD12E

Triadic

#BBD12E #2EBBD1 #D12EBB

Split Complementary

#BBD12E #2E6AD1 #952ED1

Tetradic (Square)

#BBD12E #2ED195 #442ED1 #D12E6A

Complementary

#BCD130 #442ED1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.71:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.30: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: #BCD130;

color: #BCD130;

border-color: #BCD130;

}

Tailwind CSS (with arbitrary values)

bg-[#BCD130]

text-[#BCD130]

border-[#BCD130]

// Example usage: