Hex Color #001048 - Custom Color

Color Codes

HEX

#001048

RGB

rgb(0, 16, 72)

HSL

hsl(227, 100%, 14%)

CMYK

cmyk(100%, 78%, 0%, 72%)

HSV

hsv(227, 100%, 28%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#003347 #000F47 #140047

Triadic

#000F47 #47000F #0F4700

Split Complementary

#000F47 #471400 #334700

Tetradic (Square)

#000F47 #470033 #473800 #004714

Complementary

#001048 #473800

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.98: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: #001048;

color: #001048;

border-color: #001048;

}

Tailwind CSS (with arbitrary values)

bg-[#001048]

text-[#001048]

border-[#001048]

// Example usage: