#CF954F

Orange

HEX

RGB

HSL

About #CF954F Orange

#CF954F is a orange color. In the RGB color model, it is composed of 207 red, 149 green, and 79 blue. In the HSL color space, it has a hue of 33°, saturation of 57%, and lightness of 56%.

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 & Gradients

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

Beautiful Gradients

Color Properties

33°

Hue

57%

Saturation

56%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#CF954F on White
Contrast Ratio2.6:1
AA AA Large AAA
Aa#CF954F on Black
Contrast Ratio8.06:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CF954F across different color formats.

FormatValue
HEX#CF954F
RGBrgb(207, 149, 79)
HSLhsl(33, 57%, 56%)
RGB Decimal207, 149, 79
RGB Percent81.2%, 58.4%, 31.0%
CMYK (approx.)0%, 28%, 62%, 19%

Related Palettes

12 palettes using #CF954F or similar colors

#D27480#CE9D4E#A3CF58#4FCC5D
#C56874#CB9E56#9EC35E#7AD084
#AA2922#D59443#E9EF76#D6F2BF
#F2E5BF#CB8A58#8A4F3D#61481C
#CC963F#A8D25E#7ACD84#3FC5B3
#9367D0#BF5DAF#C66069#BF994C
#9475CE#B951AE#CA7B87#CEA05C
#D46DC3#C5444F#D2A64D#99BF63
#C33522#DE9645#E7E279#D8F0AD
#C33222#DE9445#E7E079#D9F0AD
#C32D22#DE8F45#E7DC79#DBF0AD
#CE5E6B#CA963C#A8D462#59C367