Hex Color #63FBB5 - Custom Color

Color Codes

HEX

#63FBB5

RGB

rgb(99, 251, 181)

HSL

hsl(152, 95%, 69%)

CMYK

cmyk(61%, 0%, 28%, 2%)

HSV

hsv(152, 61%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#65FB6A #65FBB5 #65F6FB

Triadic

#65FBB5 #B565FB #FBB565

Split Complementary

#65FBB5 #FB65F6 #FB6A65

Tetradic (Square)

#65FBB5 #6A65FB #FB65AB #F6FB65

Complementary

#63FBB5 #FB65AB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.00: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: #63FBB5;

color: #63FBB5;

border-color: #63FBB5;

}

Tailwind CSS (with arbitrary values)

bg-[#63FBB5]

text-[#63FBB5]

border-[#63FBB5]

// Example usage: