#6C4E2D

Orange

HEX

RGB

HSL

About #6C4E2D Orange

#6C4E2D is a orange color. In the RGB color model, it is composed of 108 red, 78 green, and 45 blue. In the HSL color space, it has a hue of 31°, saturation of 41%, and lightness of 30%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

31°

Hue

41%

Saturation

30%

Lightness

Orange

Color Harmonies

Colors that work well with #6C4E2D based on color theory.

Accessibility

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

Aa#6C4E2D on White
Contrast Ratio7.59:1
AA AA Large AAA
Aa#6C4E2D on Black
Contrast Ratio2.77:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #6C4E2D across different color formats.

FormatValue
HEX#6C4E2D
RGBrgb(108, 78, 45)
HSLhsl(31, 41%, 30%)
RGB Decimal108, 78, 45
RGB Percent42.4%, 30.6%, 17.6%
CMYK (approx.)0%, 28%, 58%, 58%

Related Palettes

12 palettes using #6C4E2D or similar colors

#665033#948851#ACAF83#C7D4AB
#28150B#4A2B1C#694330#92573A
#675932#8A8A5B#ABBA78#C0D0AF
#634836#8C7A59#AEAA84#CFD5A9
#1F1814#4D3323#754E38#A26948
#634736#8C795A#B5AE7D#D0D5A9
#624A37#8F7E57#B9B679#C8CDB1
#25180E#52341E#755238#927159
#625337#8A855C#B1BB77#C3D1AD
#624937#937E52#AFAB83#CACFAF
#221711#483428#7B4D33#916E59
#624537#957851#B3AA7F#CFD2AD