#693C21

Orange

HEX

RGB

HSL

About #693C21 Orange

#693C21 is a orange color. In the RGB color model, it is composed of 105 red, 60 green, and 33 blue. In the HSL color space, it has a hue of 22°, saturation of 52%, and lightness of 27%.

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

Use #693C21 in your CSS, SCSS, or Tailwind projects.

Color Properties

22°

Hue

52%

Saturation

27%

Lightness

Orange

Color Harmonies

Colors that work well with #693C21 based on color theory.

Accessibility

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

Aa#693C21 on White
Contrast Ratio9.26:1
AA AA Large AAA
Aa#693C21 on Black
Contrast Ratio2.27:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #693C21 across different color formats.

FormatValue
HEX#693C21
RGBrgb(105, 60, 33)
HSLhsl(22, 52%, 27%)
RGB Decimal105, 60, 33
RGB Percent41.2%, 23.5%, 12.9%
CMYK (approx.)0%, 43%, 69%, 59%

Related Palettes

12 palettes using #693C21 or similar colors

#F2E5BF#CB8A58#8A4F3D#61481C
#28150B#4A2B1C#694330#92573A
#663D33#927053#B6A57C#D0CFAE
#663A33#9B694B#B3A07F#CFCBB0
#663F33#917255#B7A77B#D2D2AC
#673332#97624E#B59A7D#D2C9AC
#F4DFB6#DE8F5F#9E6F21#644E19
#643C35#8B6E5B#AFA083#D2CFAC
#633936#926754#B39C7F#D2CBAD
#624237#947351#BCAB76#CDCDB2
#613B38#8C6959#B29C80#D1CBAD
#634736#8C795A#B5AE7D#D0D5A9