Hex Color #6FFF45 - Custom Color

Color Codes

HEX

#6FFF45

RGB

rgb(111, 255, 69)

HSL

hsl(106, 100%, 64%)

CMYK

cmyk(56%, 0%, 73%, 0%)

HSV

hsv(106, 73%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CEFF47 #72FF47 #47FF78

Triadic

#72FF47 #4772FF #FF4772

Split Complementary

#72FF47 #7847FF #FF47CE

Tetradic (Square)

#72FF47 #47CEFF #D447FF #FF7847

Complementary

#6FFF45 #D447FF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.07: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: #6FFF45;

color: #6FFF45;

border-color: #6FFF45;

}

Tailwind CSS (with arbitrary values)

bg-[#6FFF45]

text-[#6FFF45]

border-[#6FFF45]

// Example usage: