Hex Color #35E434 - Custom Color

Color Codes

HEX

#35E434

RGB

rgb(53, 228, 52)

HSL

hsl(120, 77%, 55%)

CMYK

cmyk(77%, 0%, 77%, 11%)

HSV

hsv(120, 77%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#8CE534 #34E534 #34E58C

Triadic

#34E534 #3434E5 #E53434

Split Complementary

#34E534 #8C34E5 #E5348C

Tetradic (Square)

#34E534 #348CE5 #E534E5 #E58C34

Complementary

#35E434 #E534E5

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: #35E434;

color: #35E434;

border-color: #35E434;

}

Tailwind CSS (with arbitrary values)

bg-[#35E434]

text-[#35E434]

border-[#35E434]

// Example usage: