Hex Color #03397F - Custom Color

Color Codes

HEX

#03397F

RGB

rgb(3, 57, 127)

HSL

hsl(214, 95%, 25%)

CMYK

cmyk(98%, 55%, 0%, 50%)

HSV

hsv(214, 98%, 50%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#03747C #03387C #0B037C

Triadic

#03387C #7C0338 #387C03

Split Complementary

#03387C #7C0B03 #747C03

Tetradic (Square)

#03387C #7C0374 #7C4803 #037C0B

Complementary

#03397F #7C4803

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 11.08:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.90: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: #03397F;

color: #03397F;

border-color: #03397F;

}

Tailwind CSS (with arbitrary values)

bg-[#03397F]

text-[#03397F]

border-[#03397F]

// Example usage: