Hex Color #82FB66 - Custom Color

Color Codes

HEX

#82FB66

RGB

rgb(130, 251, 102)

HSL

hsl(109, 95%, 69%)

CMYK

cmyk(48%, 0%, 59%, 2%)

HSV

hsv(109, 59%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CBFB65 #80FB65 #65FB94

Triadic

#80FB65 #6580FB #FB6580

Split Complementary

#80FB65 #9465FB #FB65CB

Tetradic (Square)

#80FB65 #65CBFB #E065FB #FB9465

Complementary

#82FB66 #E065FB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.94: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: #82FB66;

color: #82FB66;

border-color: #82FB66;

}

Tailwind CSS (with arbitrary values)

bg-[#82FB66]

text-[#82FB66]

border-[#82FB66]

// Example usage: