Hex Color #284077 - Custom Color

Color Codes

HEX

#284077

RGB

rgb(40, 64, 119)

HSL

hsl(222, 50%, 31%)

CMYK

cmyk(66%, 46%, 0%, 53%)

HSV

hsv(222, 66%, 47%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#286777 #283F77 #372877

Triadic

#283F77 #77283F #3F7728

Split Complementary

#283F77 #773728 #677728

Tetradic (Square)

#283F77 #772867 #775F28 #287737

Complementary

#284077 #775F28

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 10.05:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.09: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: #284077;

color: #284077;

border-color: #284077;

}

Tailwind CSS (with arbitrary values)

bg-[#284077]

text-[#284077]

border-[#284077]

// Example usage: