Start generating
FFBF06

#FFBF06 Amber

#FFBF06 is a light, vivid yellow named Amber. In the RGB color model it is made of 100.0% red, 74.9% green and 2.4% blue (rgb(255, 191, 6)). Its HSL value is 45° hue, 100% saturation and 51% lightness, and in CMYK it is 0% cyan, 25% magenta, 98% yellow and 0% black. #FFBF06 is a warm color. Black text reads best on it, with a contrast ratio of 12.71:1.

Make a palette with #FFBF06

#FFBF06 color conversion

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

Variations of #FFBF06

Shades

Mixed with black: richer and darker.

FFBF06DEA604BE8D039E7502805E016348014833002E1F00160D00030200

Tints

Mixed with white: lighter and softer.

FFBF06FFC643FFCD61FFD479FFDA8EFFE1A3FFE7B6FFEDC9FFF3DBFFF9ED

Tones

Mixed with gray: calmer and more muted.

FFBF06F2B931E5B344D8AD51CBA75CBEA064B29A6CA59472998D778C877C

Hues

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

FFB6A5FFB799FFB98BFFBB79FFBC5DFFBF06F0C704DECF1FCAD638B4DD509BE268

Temperatures

Cooler on the left, warmer on the right.

D4B776DDB96AE5BB5CEEBC4CF6BE36FFBF06FFBD07FFBB08FFB908FFB609FFB40A

#FFBF06 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

FFBF060646FF
Open in generator →

Split complementary

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

FFBF0606C2FF4306FF
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

FFBF06FF4306C2FF06
Open in generator →

Triadic

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

FFBF0606FFBFBF06FF
Open in generator →

Tetradic

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

FFBF0646FF060646FFBF06FF
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

FFBF0606FF430646FFFF06C3
Open in generator →

#FFBF06 for color-blind viewers (and dogs)

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

  • Dog vision 90% similarHow dogs see it · simulated as #E9D01D
  • Protanopia 88% similar1.3% of men, 0.02% of women · simulated as #DAC000
  • Protanomaly 92% similar1.3% of men, 0.02% of women · simulated as #E5C100
  • Deuteranopia 90% similar1.2% of men, 0.01% of women · simulated as #E9D01D
  • Deuteranomaly 93% similar5% of men, 0.35% of women · simulated as #EFCA11
  • Tritanopia 70% similar0.001% of men, 0.03% of women · simulated as #FFABA3
  • Tritanomaly 85% similar0.0001% of men, 0.0001% of women · simulated as #FFB772
  • Achromatopsia 66% similar0.003% of men, 0.003% of women · simulated as #C9C9C9
  • Achromatomaly 73% similar0.001% of men, 0.001% of women · simulated as #D8C7B1

#FFBF06 contrast checker

AaThe quick brown fox jumps over the lazy dog.
1.65:1 Very poor#FFBF06 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
12.71:1 Super#FFBF06 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 #FFBF06

Palettes with #FFBF06

#FFBF06 in CSS

/* Amber */
.color { color: #FFBF06; }
.background { background-color: #FFBF06; }
.border { border: 1px solid #FFBF06; }

/* Other notations */
color: rgb(255 191 6);
color: hsl(45 100% 51%);
color: oklch(0.840 0.172 84.0);

#FFBF06 FAQ

What color is #FFBF06?

#FFBF06 is a light, vivid yellow. Its closest named color is Amber. It belongs to the yellow color family and is a warm color.

What is the RGB value of #FFBF06?

#FFBF06 is rgb(255, 191, 6) in RGB, hsl(45, 100%, 51%) in HSL and cmyk(0%, 25%, 98%, 0%) in CMYK.

What is the complementary color of #FFBF06?

The complementary color of #FFBF06 is #0646FF, which sits opposite it on the color wheel.

Which text color works on #FFBF06?

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

Is #FFBF06 a warm or cool color?

#FFBF06 is a warm color.