Hex Color #6FDE35 - Custom Color

Color Codes

HEX

#6FDE35

RGB

rgb(111, 222, 53)

HSL

hsl(99, 72%, 54%)

CMYK

cmyk(50%, 0%, 76%, 13%)

HSV

hsv(99, 76%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C5DE35 #70DE35 #35DE4F

Triadic

#70DE35 #3570DE #DE3570

Split Complementary

#70DE35 #4F35DE #DE35C5

Tetradic (Square)

#70DE35 #35C5DE #A335DE #DE4F35

Complementary

#6FDE35 #A335DE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.72:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.18: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: #6FDE35;

color: #6FDE35;

border-color: #6FDE35;

}

Tailwind CSS (with arbitrary values)

bg-[#6FDE35]

text-[#6FDE35]

border-[#6FDE35]

// Example usage: