Hex Color #25BCE7 - Custom Color

Color Codes

HEX

#25BCE7

RGB

rgb(37, 188, 231)

HSL

hsl(193, 80%, 53%)

CMYK

cmyk(84%, 19%, 0%, 9%)

HSV

hsv(193, 84%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#27E7B1 #27BDE7 #275EE7

Triadic

#27BDE7 #E727BD #BDE727

Split Complementary

#27BDE7 #E7275E #E7B127

Tetradic (Square)

#27BDE7 #B127E7 #E75127 #5EE727

Complementary

#25BCE7 #E75127

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.43: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: #25BCE7;

color: #25BCE7;

border-color: #25BCE7;

}

Tailwind CSS (with arbitrary values)

bg-[#25BCE7]

text-[#25BCE7]

border-[#25BCE7]

// Example usage: