Hex Color #0440C1 - Custom Color

Color Codes

HEX

#0440C1

RGB

rgb(4, 64, 193)

HSL

hsl(221, 96%, 39%)

CMYK

cmyk(98%, 67%, 0%, 24%)

HSV

hsv(221, 98%, 76%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#04A0C3 #0440C3 #2704C3

Triadic

#0440C3 #C30440 #40C304

Split Complementary

#0440C3 #C32704 #A0C304

Tetradic (Square)

#0440C3 #C304A0 #C38604 #04C327

Complementary

#0440C1 #C38604

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 8.37:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 2.51: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: #0440C1;

color: #0440C1;

border-color: #0440C1;

}

Tailwind CSS (with arbitrary values)

bg-[#0440C1]

text-[#0440C1]

border-[#0440C1]

// Example usage: