#C28F51

Orange

HEX

RGB

HSL

About #C28F51 Orange

#C28F51 is a orange color. In the RGB color model, it is composed of 194 red, 143 green, and 81 blue. In the HSL color space, it has a hue of 33°, saturation of 48%, and lightness of 54%.

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

Color Properties

33°

Hue

48%

Saturation

54%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#C28F51 on White
Contrast Ratio2.86:1
AA AA Large AAA
Aa#C28F51 on Black
Contrast Ratio7.34:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #C28F51 across different color formats.

FormatValue
HEX#C28F51
RGBrgb(194, 143, 81)
HSLhsl(33, 48%, 54%)
RGB Decimal194, 143, 81
RGB Percent76.1%, 56.1%, 31.8%
CMYK (approx.)0%, 26%, 58%, 24%

Related Palettes

12 palettes using #C28F51 or similar colors

#9367D0#BF5DAF#C66069#BF994C
#F2E5BF#CB8A58#8A4F3D#61481C
#C772BA#D25C68#C09C5B#8EB652
#8269CE#CD46CD#C73C5F#BC8F61
#C56874#CB9E56#9EC35E#7AD084
#D27480#CE9D4E#A3CF58#4FCC5D
#F9F5EB#E4C988#C57B57#78593F
#BA4B47#B9A048#9FC979#53C674
#CC963F#A8D25E#7ACD84#3FC5B3
#CE5E6B#CA963C#A8D462#59C367
#9475CE#B951AE#CA7B87#CEA05C
#AA2922#D59443#E9EF76#D6F2BF