Browny orange Color — HEX, RGB, HSL & CMYK Codes

#ca6b02
Format Value
HEX #ca6b02
RGB rgb(202, 107, 2)
HSL hsl(31.5, 98%, 40%)
CMYK cmyk(0%, 47%, 99%, 20.8%)
HSV hsv(31.5, 99%, 79.2%)

browny orange color harmonies

Tints & shades of browny orange

Tints (lighter)

#cf7819 #d48630 #d89347 #dda15e #e2ae75 #e7bc8c #ecc9a3 #f1d7ba #f5e4d1 #faf2e8

Shades (darker)

#b86102 #a55802 #934e01 #814401 #6e3a01 #5c3101 #492701 #371d01 #251300 #120a00

Contrast & accessibility

The quick brown fox

On white · 3.74:1 · AA Large

The quick brown fox

On black · 5.62:1 · AA

Recommended text color: #000000

Use browny orange in code

CSS color: #ca6b02;
SCSS $color: #ca6b02;
Tailwind bg-[#ca6b02]
Swift UIColor(red: 0.792, green: 0.420, blue: 0.008, alpha: 1)
Android Color.parseColor("#ca6b02")
Flutter Color(0xFFCA6B02)

Colors similar to browny orange

Browse all Orange colors →

What is the HEX code for browny orange?

The CSS color browny orange in HEX format is #ca6b02. Use this value directly in CSS, SVG, and most design tools.

How do I use browny orange in CSS?

To apply browny orange in CSS:

  • Text color: color: #ca6b02;
  • Background: background-color: #ca6b02;
  • Border: border-color: #ca6b02;

What are all the color format values for browny orange?

FormatValue
HEX#ca6b02
RGBrgb(202, 107, 2)
HSLhsl(31.5, 98%, 40%)
CMYKcmyk(0%, 47%, 99%, 20.8%)

How do I convert browny orange to HEX?

Select browny orange from the color name list in our color converter. The HEX value — #ca6b02 — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does browny orange belong to?

browny orange belongs to the orange color family. It is a medium, vivid color with HSL values: hue 31.5°, saturation 98%, lightness 40%.

How do I create lighter and darker shades of browny orange?

Lighter variant (lightness 55%): #fd921c. Darker variant (lightness 25%): #7e4301. 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.