Hex Color #3FF568 - Custom Color

Color Codes

HEX

#3FF568

RGB

rgb(63, 245, 104)

HSL

hsl(134, 90%, 60%)

CMYK

cmyk(74%, 0%, 58%, 4%)

HSV

hsv(134, 74%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6EF53D #3DF568 #3DF5C4

Triadic

#3DF568 #683DF5 #F5683D

Split Complementary

#3DF568 #C43DF5 #F53D6E

Tetradic (Square)

#3DF568 #3D6EF5 #F53DCA #F5C43D

Complementary

#3FF568 #F53DCA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.45:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.47: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: #3FF568;

color: #3FF568;

border-color: #3FF568;

}

Tailwind CSS (with arbitrary values)

bg-[#3FF568]

text-[#3FF568]

border-[#3FF568]

// Example usage: