#C68A76

Orange

HEX

RGB

HSL

About #C68A76 Orange

#C68A76 is a orange color. In the RGB color model, it is composed of 198 red, 138 green, and 118 blue. In the HSL color space, it has a hue of 15°, saturation of 41%, and lightness of 62%.

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

Use #C68A76 in your CSS, SCSS, or Tailwind projects.

Color Properties

15°

Hue

41%

Saturation

62%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#C68A76 on White
Contrast Ratio2.88:1
AA AA Large AAA
Aa#C68A76 on Black
Contrast Ratio7.3:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C68A76 across different color formats.

FormatValue
HEX#C68A76
RGBrgb(198, 138, 118)
HSLhsl(15, 41%, 62%)
RGB Decimal198, 138, 118
RGB Percent77.6%, 54.1%, 46.3%
CMYK (approx.)0%, 30%, 40%, 22%

Related Palettes

12 palettes using #C68A76 or similar colors

#6361D1#BD74D2#C2598C#CA8E78
#B96CCA#C0648C#C68A6F#BEC46B
#D370AF#C78279#C7B74E#7ED04B
#62373F#97534E#BC8C76#D0C2AE
#CE8478#BFB665#79D24A#58C182
#5D3C46#925357#BC8476#D5BDAA
#CB937D#C5C957#65CD48#55CC95
#663340#984D4E#BA8778#D3BFAC
#DA6E96#CA906B#BFD053#6DCC60
#514FC1#AC66C2#BE4F85#D28A70
#5E3B3E#8D6059#BB9277#D3C5AB
#65343C#915A55#B98E79#CDC2B2