Hex Color #4ABEBE - Custom Color

Color Codes

HEX

#4ABEBE

RGB

rgb(74, 190, 190)

HSL

hsl(180, 47%, 52%)

CMYK

cmyk(61%, 0%, 0%, 25%)

HSV

hsv(180, 61%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4BBE85 #4BBEBE #4B85BE

Triadic

#4BBEBE #BE4BBE #BEBE4B

Split Complementary

#4BBEBE #BE4B85 #BE854B

Tetradic (Square)

#4BBEBE #854BBE #BE4B4B #85BE4B

Complementary

#4ABEBE #BE4B4B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.23:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.40: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: #4ABEBE;

color: #4ABEBE;

border-color: #4ABEBE;

}

Tailwind CSS (with arbitrary values)

bg-[#4ABEBE]

text-[#4ABEBE]

border-[#4ABEBE]

// Example usage: