Hex Color #1BEBB0 - Custom Color

Color Codes

HEX

#1BEBB0

RGB

rgb(27, 235, 176)

HSL

hsl(163, 84%, 51%)

CMYK

cmyk(89%, 0%, 25%, 8%)

HSV

hsv(163, 89%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#19EB47 #19EBB0 #19BEEB

Triadic

#19EBB0 #B019EB #EBB019

Split Complementary

#19EBB0 #EB19BE #EB4719

Tetradic (Square)

#19EBB0 #4719EB #EB1955 #BEEB19

Complementary

#1BEBB0 #EB1955

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.55:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.56: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: #1BEBB0;

color: #1BEBB0;

border-color: #1BEBB0;

}

Tailwind CSS (with arbitrary values)

bg-[#1BEBB0]

text-[#1BEBB0]

border-[#1BEBB0]

// Example usage: