Hex Color #183161 - Custom Color

Color Codes

HEX

#183161

RGB

rgb(24, 49, 97)

HSL

hsl(219, 60%, 24%)

CMYK

cmyk(75%, 49%, 0%, 62%)

HSV

hsv(219, 75%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#185762 #183262 #231862

Triadic

#183262 #621832 #326218

Split Complementary

#183262 #622318 #576218

Tetradic (Square)

#183262 #621857 #624818 #186223

Complementary

#183161 #624818

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.72:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.65: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: #183161;

color: #183161;

border-color: #183161;

}

Tailwind CSS (with arbitrary values)

bg-[#183161]

text-[#183161]

border-[#183161]

// Example usage: