Hex Color #35BE02 - Custom Color

Color Codes

HEX

#35BE02

RGB

rgb(53, 190, 2)

HSL

hsl(104, 98%, 38%)

CMYK

cmyk(72%, 0%, 99%, 25%)

HSV

hsv(104, 99%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#94C002 #35C002 #02C02E

Triadic

#35C002 #0235C0 #C00235

Split Complementary

#35C002 #2E02C0 #C00294

Tetradic (Square)

#35C002 #0294C0 #8D02C0 #C02E02

Complementary

#35BE02 #8D02C0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.52:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #35BE02;

color: #35BE02;

border-color: #35BE02;

}

Tailwind CSS (with arbitrary values)

bg-[#35BE02]

text-[#35BE02]

border-[#35BE02]

// Example usage: