Hex Color #040856 - Custom Color

Color Codes

HEX

#040856

RGB

rgb(4, 8, 86)

HSL

hsl(237, 91%, 18%)

CMYK

cmyk(95%, 91%, 0%, 66%)

HSV

hsv(237, 95%, 34%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#043258 #040858 #2A0458

Triadic

#040858 #580408 #085804

Split Complementary

#040858 #582A04 #325804

Tetradic (Square)

#040858 #580432 #585304 #04582A

Complementary

#040856 #585304

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.88:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.17: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: #040856;

color: #040856;

border-color: #040856;

}

Tailwind CSS (with arbitrary values)

bg-[#040856]

text-[#040856]

border-[#040856]

// Example usage: