Hex Color #25D29B - Custom Color

Color Codes

HEX

#25D29B

RGB

rgb(37, 210, 155)

HSL

hsl(161, 70%, 48%)

CMYK

cmyk(82%, 0%, 26%, 18%)

HSV

hsv(161, 82%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#25D044 #25D09A #25B1D0

Triadic

#25D09A #9A25D0 #D09A25

Split Complementary

#25D09A #D025B1 #D04425

Tetradic (Square)

#25D09A #4425D0 #D0255B #B1D025

Complementary

#25D29B #D0255B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.95:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.77: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: #25D29B;

color: #25D29B;

border-color: #25D29B;

}

Tailwind CSS (with arbitrary values)

bg-[#25D29B]

text-[#25D29B]

border-[#25D29B]

// Example usage: