Hex Color #26254E - Custom Color

Color Codes

HEX

#26254E

RGB

rgb(38, 37, 78)

HSL

hsl(241, 36%, 23%)

CMYK

cmyk(51%, 53%, 0%, 69%)

HSV

hsv(241, 53%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#263A50 #262650 #3B2650

Triadic

#262650 #502626 #265026

Split Complementary

#262650 #503B26 #3A5026

Tetradic (Square)

#262650 #50263A #4F5026 #26503B

Complementary

#26254E #4F5026

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.41:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.46: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: #26254E;

color: #26254E;

border-color: #26254E;

}

Tailwind CSS (with arbitrary values)

bg-[#26254E]

text-[#26254E]

border-[#26254E]

// Example usage: