french blue Color Codes

Color Preview

French Blue Color Values

Related Colors

Complementary

#a5a28d

Analogous

hsl(263, 12%, 40%)
hsl(203, 12%, 40%)

Triadic

hsl(353, 12%, 40%)
hsl(113, 12%, 40%)

Tetradic

hsl(323, 12%, 40%)
hsl(53, 12%, 40%)
hsl(143, 12%, 40%)
HTML Snippets
.element { background-color: #5A5D72; }
.element { color: #5A5D72; }

This is how the text color would appear.

<span style="color: #5A5D72;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black3.24 (AA Large)
White6.47 (AA)
Shades of French Blue

hsl(233, 12%, 10%)

hsl(233, 12%, 25%)

#5A5D72

hsl(233, 12%, 55%)

hsl(233, 12%, 70%)

Color Blindness Simulations

Protanopia (Red-Blind)

#5b5b6c

Deuteranopia (Green-Blind)

#5b5b6b

Tritanopia (Blue-Blind)

#5a5c5c

Related Palettes

About french blue

french blue (#5A5D72) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.