Hex Color #2EFCBE - Custom Color

Color Codes

HEX

#2EFCBE

RGB

rgb(46, 252, 190)

HSL

hsl(162, 97%, 58%)

CMYK

cmyk(82%, 0%, 25%, 1%)

HSV

hsv(162, 82%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2CFC56 #2CFCBD #2CD2FC

Triadic

#2CFCBD #BD2CFC #FCBD2C

Split Complementary

#2CFCBD #FC2CD2 #FC562C

Tetradic (Square)

#2CFCBD #562CFC #FC2C6A #D2FC2C

Complementary

#2EFCBE #FC2C6A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.33:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.78: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: #2EFCBE;

color: #2EFCBE;

border-color: #2EFCBE;

}

Tailwind CSS (with arbitrary values)

bg-[#2EFCBE]

text-[#2EFCBE]

border-[#2EFCBE]

// Example usage: