Amber / #ffbf00 hex color

In a RGB color space, hex #ffbf00 (also known as Amber, Fluorescent orange) is composed of 100% red, 74.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 100% yellow and 0% black. It has a hue angle of 44.9 degrees, a saturation of 100% and a lightness of 50%. #ffbf00 color hex could be obtained by blending #ffff00 with #ff7f00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 100
- G 75
- B 0
RGB color chart
- C 0
- M 25
- Y 100
- K 0
CMYK color chart

● #ffbf00 color description : Pure (or mostly pure) orange.

The hexadecimal color #ffbf00 has RGB values of R:255, G:191, B:0 and CMYK values of C:0, M:0.25, Y:1, K:0. Its decimal value is 16760576.

Hex triplet	ffbf00	`#ffbf00`
RGB Decimal	255, 191, 0	`rgb(255,191,0)`
RGB Percent	100, 74.9, 0	`rgb(100%,74.9%,0%)`
CMYK	0, 25, 100, 0
HSL	44.9°, 100, 50	`hsl(44.9,100%,50%)`
HSV (or HSB)	44.9°, 100, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.03, 10.381, 83.029
XYZ	59.872, 58.525, 8.143
xyY	0.473, 0.463, 58.525
CIE-LCH	81.03, 83.676, 82.873
CIE-LUV	81.03, 53.789, 83.317
Hunter-Lab	76.502, 5.821, 47.24
Binary	11111111, 10111111, 00000000

#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#0040ff
```
#0040ff rgb(0,64,255)
```

Complementary Color

#ff4000
```
#ff4000 rgb(255,64,0)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#c0ff00
```
#c0ff00 rgb(192,255,0)
```

Analogous Color

#4000ff
```
#4000ff rgb(64,0,255)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#00c0ff
```
#00c0ff rgb(0,192,255)
```

Split Complementary Color

#bf00ff
```
#bf00ff rgb(191,0,255)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#00ffbf
```
#00ffbf rgb(0,255,191)
```

Triadic Color

#ff0040
```
#ff0040 rgb(255,0,64)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#00ffbf
```
#00ffbf rgb(0,255,191)
```
#0040ff
```
#0040ff rgb(0,64,255)
```

Tetradic Color

#b38600
```
#b38600 rgb(179,134,0)
```
#cc9900
```
#cc9900 rgb(204,153,0)
```
#e6ac00
```
#e6ac00 rgb(230,172,0)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#ffc51a
```
#ffc51a rgb(255,197,26)
```
#ffcc33
```
#ffcc33 rgb(255,204,51)
```
#ffd24d
```
#ffd24d rgb(255,210,77)
```

Monochromatic Color

Below, you can see some colors close to #ffbf00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff7f00
```
#ff7f00 rgb(255,127,0)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#ffaa00
```
#ffaa00 rgb(255,170,0)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#ffd400
```
#ffd400 rgb(255,212,0)
```
#ffea00
```
#ffea00 rgb(255,234,0)
```
#ffff00
```
#ffff00 rgb(255,255,0)
```

Similar Colors

Text with hexadecimal color #ffbf00

This text has a font color of #ffbf00.

<span style="color:#ffbf00;">Text here</span>

#ffbf00 background color

This paragraph has a background color of #ffbf00.

<p style="background-color:#ffbf00;">Content here</p>

#ffbf00 border color

This element has a border color of #ffbf00.

<div style="border:1px solid #ffbf00;">Content here</div>

CSS codes

.text {color:#ffbf00;}

.background {background-color:#ffbf00;}

.border {border:1px solid #ffbf00;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #140f00 is the darkest color, while #ffffff is the lightest one.

#140f00
```
#140f00 rgb(20,15,0)
```
#271d00
```
#271d00 rgb(39,29,0)
```
#3b2c00
```
#3b2c00 rgb(59,44,0)
```
#4e3b00
```
#4e3b00 rgb(78,59,0)
```
#624900
```
#624900 rgb(98,73,0)
```
#765800
```
#765800 rgb(118,88,0)
```
#896700
```
#896700 rgb(137,103,0)
```
#9d7600
```
#9d7600 rgb(157,118,0)
```
#b18400
```
#b18400 rgb(177,132,0)
```
#c49300
```
#c49300 rgb(196,147,0)
```
#d8a200
```
#d8a200 rgb(216,162,0)
```
#ebb000
```
#ebb000 rgb(235,176,0)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```

Shade Color Variation

#ffc414
```
#ffc414 rgb(255,196,20)
```
#ffc927
```
#ffc927 rgb(255,201,39)
```
#ffce3b
```
#ffce3b rgb(255,206,59)
```
#ffd34e
```
#ffd34e rgb(255,211,78)
```
#ffd862
```
#ffd862 rgb(255,216,98)
```
#ffdd76
```
#ffdd76 rgb(255,221,118)
```
#ffe189
```
#ffe189 rgb(255,225,137)
```
#ffe69d
```
#ffe69d rgb(255,230,157)
```
#ffebb1
```
#ffebb1 rgb(255,235,177)
```
#fff0c4
```
#fff0c4 rgb(255,240,196)
```
#fff5d8
```
#fff5d8 rgb(255,245,216)
```
#fffaeb
```
#fffaeb rgb(255,250,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898476 is the less saturated color, while #ffbf00 is the most saturated one.

#898476
```
#898476 rgb(137,132,118)
```
#93896c
```
#93896c rgb(147,137,108)
```
#9d8e62
```
#9d8e62 rgb(157,142,98)
```
#a79358
```
#a79358 rgb(167,147,88)
```
#b1984e
```
#b1984e rgb(177,152,78)
```
#ba9d45
```
#ba9d45 rgb(186,157,69)
```
#c4a23b
```
#c4a23b rgb(196,162,59)
```
#cea731
```
#cea731 rgb(206,167,49)
```
#d8ab27
```
#d8ab27 rgb(216,171,39)
```
#e2b01d
```
#e2b01d rgb(226,176,29)
```
#ebb514
```
#ebb514 rgb(235,181,20)
```
#f5ba0a
```
#f5ba0a rgb(245,186,10)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```

Tone Color Variation

Below, you can see how #ffbf00 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#bcbcbc Achromatopsia 0.005% of the population
#c9bd96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc10 Protanopia 1% of men
#ffc21d Deuteranopia 1% of men
#ffb9c3 Tritanopia 0.001% of the population

Trichromacy

#eec70a Protanomaly 1% of men, 0.01% of women
#ffc112 Deuteranomaly 6% of men, 0.4% of women
#ffbb7c Tritanomaly 0.01% of the population

Amber / #ffbf00 hex color

#ffbf00 Color Information

#ffbf00 Color Conversion

Color Schemes with #ffbf00

Alternatives to #ffbf00

#ffbf00 Preview

Shades and Tints of #ffbf00

Tones of #ffbf00

Color Blindness Simulator