ochre Color Codes

Color Preview

Ochre Color Values

Related Colors

Complementary

#3388dd

Analogous

hsl(60, 71%, 47%)

hsl(0, 71%, 47%)

Triadic

hsl(150, 71%, 47%)

hsl(270, 71%, 47%)

Tetradic

hsl(120, 71%, 47%)

hsl(210, 71%, 47%)

hsl(300, 71%, 47%)

HTML Snippets

.element { background-color: #CC7722; }

.element { color: #CC7722; }

This is how the text color would appear.

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

This text has an inline style applied.

Accessibility

Contrast Ratios

Black6.23 (AA)

White3.37 (AA Large)

Shades of Ochre

hsl(30, 71%, 17%)

hsl(30, 71%, 32%)

#CC7722

hsl(30, 71%, 62%)

hsl(30, 71%, 77%)

Color Blindness Simulations

Protanopia (Red-Blind)

#a7a64b

Deuteranopia (Green-Blind)

#acb255

Tritanopia (Blue-Blind)

#c89c9f

Related Palettes

Autumn Hollow

About ochre

ochre (#CC7722) 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.