Hex Color #293250 - Custom Color

Color Codes

HEX

#293250

RGB

rgb(41, 50, 80)

HSL

hsl(226, 32%, 24%)

CMYK

cmyk(49%, 38%, 0%, 69%)

HSV

hsv(226, 49%, 31%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#2A4651 #2A3351 #342A51

Triadic

#2A3351 #512A33 #33512A

Split Complementary

#2A3351 #51342A #46512A

Tetradic (Square)

#2A3351 #512A46 #51482A #2A5134

Complementary

#293250 #51482A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.60:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.67: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: #293250;

color: #293250;

border-color: #293250;

}

Tailwind CSS (with arbitrary values)

bg-[#293250]

text-[#293250]

border-[#293250]

// Example usage: