#CCA27B

Orange

HEX

RGB

HSL

About #CCA27B Orange

#CCA27B is a orange color. In the RGB color model, it is composed of 204 red, 162 green, and 123 blue. In the HSL color space, it has a hue of 29°, saturation of 44%, and lightness of 64%.

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 #CCA27B in your CSS, SCSS, or Tailwind projects.

Color Properties

29°

Hue

44%

Saturation

64%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#CCA27B on White
Contrast Ratio2.33:1
AA AA Large AAA
Aa#CCA27B on Black
Contrast Ratio9.02:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CCA27B across different color formats.

FormatValue
HEX#CCA27B
RGBrgb(204, 162, 123)
HSLhsl(29, 44%, 64%)
RGB Decimal204, 162, 123
RGB Percent80.0%, 63.5%, 48.2%
CMYK (approx.)0%, 21%, 40%, 20%

Related Palettes

12 palettes using #CCA27B or similar colors

#F5E6CA#F0D9B5#C4A882#8B7355
#624237#947351#BCAB76#CDCDB2
#6F4E44#9F7750#BFA96E#D2D199
#FEFCF3#F5EBE0#D5C4A1#BC9F6C
#663D33#927053#B6A57C#D0CFAE
#783A3B#976759#BD9570#C5BCA6
#A42874#E1384C#E1A884#F5EEBD
#63363B#8D5F58#B99279#CCC3B2
#663A33#9B694B#B3A07F#CFCBB0
#B6167B#E3354C#E5A580#F4EDBD
#FAF0E6#CEAB93#AD8B73#886F68
#6F4446#A65C4A#B89375#D0C09A