Hex Color #4BF054 - Custom Color

Color Codes

HEX

#4BF054

RGB

rgb(75, 240, 84)

HSL

hsl(123, 85%, 62%)

CMYK

cmyk(69%, 0%, 65%, 6%)

HSV

hsv(123, 69%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#96F04C #4CF054 #4CF0A6

Triadic

#4CF054 #544CF0 #F0544C

Split Complementary

#4CF054 #A64CF0 #F04C96

Tetradic (Square)

#4CF054 #4C96F0 #F04CE8 #F0A64C

Complementary

#4BF054 #F04CE8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.51:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.89: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: #4BF054;

color: #4BF054;

border-color: #4BF054;

}

Tailwind CSS (with arbitrary values)

bg-[#4BF054]

text-[#4BF054]

border-[#4BF054]

// Example usage: