#C69962

Orange

HEX

RGB

HSL

About #C69962 Orange

#C69962 is a orange color. In the RGB color model, it is composed of 198 red, 153 green, and 98 blue. In the HSL color space, it has a hue of 33°, saturation of 47%, and lightness of 58%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #C69962 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

33°

Hue

47%

Saturation

58%

Lightness

Orange

Color Harmonies

Colors that work well with #C69962 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #C69962 against white and black backgrounds.

Aa#C69962 on White
Contrast Ratio2.58:1
AA AA Large AAA
Aa#C69962 on Black
Contrast Ratio8.13:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C69962 across different color formats.

FormatValue
HEX#C69962
RGBrgb(198, 153, 98)
HSLhsl(33, 47%, 58%)
RGB Decimal198, 153, 98
RGB Percent77.6%, 60.0%, 38.4%
CMYK (approx.)0%, 23%, 51%, 22%

Related Palettes

12 palettes using #C69962 or similar colors

#C772BA#D25C68#C09C5B#8EB652
#9475CE#B951AE#CA7B87#CEA05C
#C5A660#9DC669#72C983#5CCCC6
#DA6E96#CA906B#BFD053#6DCC60
#C87DC4#CF4762#CDA16B#AAC46D
#C56874#CB9E56#9EC35E#7AD084
#8269CE#CD46CD#C73C5F#BC8F61
#C25CCC#CA7B95#CC966F#C0D263
#D7698A#CD996F#C1D867#75DB70
#5646BD#C250D1#C76589#CF916B
#6654C8#B951C5#C74A76#D29268
#FEFCF3#F5EBE0#D5C4A1#BC9F6C