What is the HEX code for ochre?
The CSS color ochre in HEX format is #bf9005. Use this value directly in CSS, SVG, and most design tools.
How do I use ochre in CSS?
To apply ochre in CSS:
- Text color: color: #bf9005;
- Background: background-color: #bf9005;
- Border: border-color: #bf9005;
What are all the color format values for ochre?
| Format | Value |
|---|---|
| HEX | #bf9005 |
| RGB | rgb(191, 144, 5) |
| HSL | hsl(44.8, 94.9%, 38.4%) |
| CMYK | cmyk(0%, 24.6%, 97.4%, 25.1%) |
How do I convert ochre to HEX?
Select ochre from the color name list in our color converter. The HEX value — #bf9005 — appears instantly alongside HEX, RGB, HSL and CMYK.
What color family does ochre belong to?
ochre belongs to the orange color family. It is a medium, vivid color with HSL values: hue 44.8°, saturation 94.9%, lightness 38.4%.
How do I create lighter and darker shades of ochre?
Lighter variant (lightness 53.4%): #f9c017. Darker variant (lightness 23.4%): #745803. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.
What is HEX used for?
HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.