Hex Color #155272 - Custom Color

Color Codes

HEX

#155272

RGB

rgb(21, 82, 114)

HSL

hsl(201, 69%, 26%)

CMYK

cmyk(82%, 28%, 0%, 55%)

HSV

hsv(201, 82%, 45%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#157062 #155070 #152270

Triadic

#155070 #701550 #507015

Split Complementary

#155070 #701522 #706215

Tetradic (Square)

#155070 #621570 #703515 #227015

Complementary

#155272 #703515

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.46:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.48:1

Fail - WCAG AA (Normal Text)

Fail - 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: #155272;

color: #155272;

border-color: #155272;

}

Tailwind CSS (with arbitrary values)

bg-[#155272]

text-[#155272]

border-[#155272]

// Example usage: