Hex Color #33DE46 - Custom Color

Color Codes

HEX

#33DE46

RGB

rgb(51, 222, 70)

HSL

hsl(127, 72%, 54%)

CMYK

cmyk(77%, 0%, 68%, 13%)

HSV

hsv(127, 77%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#76DE35 #35DE49 #35DE9D

Triadic

#35DE49 #4935DE #DE4935

Split Complementary

#35DE49 #9D35DE #DE3576

Tetradic (Square)

#35DE49 #3576DE #DE35CA #DE9D35

Complementary

#33DE46 #DE35CA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.80:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.68: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: #33DE46;

color: #33DE46;

border-color: #33DE46;

}

Tailwind CSS (with arbitrary values)

bg-[#33DE46]

text-[#33DE46]

border-[#33DE46]

// Example usage: