Start generating
FFBD6C

#FFBD6C Cinnamon Buff

#FFBD6C is a light, moderately saturated orange named Cinnamon Buff. In the RGB color model it is made of 100.0% red, 74.1% green and 42.4% blue (rgb(255, 189, 108)). Its HSL value is 33° hue, 100% saturation and 71% lightness, and in CMYK it is 0% cyan, 26% magenta, 58% yellow and 0% black. #FFBD6C is a warm color. Black text reads best on it, with a contrast ratio of 12.75:1.

Make a palette with #FFBD6C

#FFBD6C color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #FFBD6C

Shades

Mixed with black: richer and darker.

FFBD6CDEA45DBE8C4E9E7440805D326347254833192E1F0D160D04030200

Tints

Mixed with white: lighter and softer.

FFBD6CFFC47DFFCB8CFFD19CFFD8AAFFDFB9FFE5C7FFECD5FFF2E3FFF9F1

Tones

Mixed with gray: calmer and more muted.

FFBD6CF2B770E5B173D8AB76CBA579BE9F7BB2997CA5937E998C7F8C867F

Hues

The same lightness and chroma, rotated around the color wheel.

FFB6B4FFB7AAFFB89FFFBA93FFBB83FFBD6CF6C267EAC865DECE68D0D36FC0D878

Temperatures

Cooler on the left, warmer on the right.

D5B498DDB691E6B889EEBA80F7BB76FFBD6CFFBB69FFB966FFB764FFB561FFB35E

#FFBD6C color harmonies

Complementary

The opposite hue — maximum contrast and energy.

FFBD6C6CAEFF
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

FFBD6C6CF8FF736CFF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

FFBD6CFF736CF8FF6C
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

FFBD6C6CFFBDBD6CFF
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

FFBD6CAEFF6C6CAEFFBD6CFF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

FFBD6C6CFF736CAEFFFF6CF8
Open in generator →

#FFBD6C for color-blind viewers (and dogs)

How #FFBD6C appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 88% similarHow dogs see it · simulated as #E3D06E
  • Protanopia 87% similar1.3% of men, 0.02% of women · simulated as #D4C065
  • Protanomaly 90% similar1.3% of men, 0.02% of women · simulated as #E1C167
  • Deuteranopia 88% similar1.2% of men, 0.01% of women · simulated as #E3D06E
  • Deuteranomaly 92% similar5% of men, 0.35% of women · simulated as #EBC96C
  • Tritanopia 81% similar0.001% of men, 0.03% of women · simulated as #FFADAA
  • Tritanomaly 91% similar0.0001% of men, 0.0001% of women · simulated as #FFB78D
  • Achromatopsia 75% similar0.003% of men, 0.003% of women · simulated as #CACACA
  • Achromatomaly 81% similar0.001% of men, 0.001% of women · simulated as #D9C6B8

#FFBD6C contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.65:1 Very poor#FFBD6C text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
12.75:1 Super#FFBD6C text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #FFBD6C

Palettes with #FFBD6C

#FFBD6C in CSS

/* Cinnamon Buff */
.color { color: #FFBD6C; }
.background { background-color: #FFBD6C; }
.border { border: 1px solid #FFBD6C; }

/* Other notations */
color: rgb(255 189 108);
color: hsl(33 100% 71%);
color: oklch(0.843 0.124 70.4);

#FFBD6C FAQ

What color is #FFBD6C?

#FFBD6C is a light, moderately saturated orange. Its closest named color is Cinnamon Buff. It belongs to the orange color family and is a warm color.

What is the RGB value of #FFBD6C?

#FFBD6C is rgb(255, 189, 108) in RGB, hsl(33, 100%, 71%) in HSL and cmyk(0%, 26%, 58%, 0%) in CMYK.

What is the complementary color of #FFBD6C?

The complementary color of #FFBD6C is #6CAEFF, which sits opposite it on the color wheel.

Which text color works on #FFBD6C?

Black text has the best contrast on #FFBD6C: 12.75:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #FFBD6C a warm or cool color?

#FFBD6C is a warm color.