Chrome yellow / #ffa700 hex color

In a RGB color space, hex #ffa700 (also known as Chrome yellow) is composed of 100% red, 65.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 100% yellow and 0% black. It has a hue angle of 39.3 degrees, a saturation of 100% and a lightness of 50%. #ffa700 color hex could be obtained by blending #ffff00 with #ff4f00. Closest websafe color is: #ff9900.

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

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

The hexadecimal color #ffa700 has RGB values of R:255, G:167, B:0 and CMYK values of C:0, M:0.35, Y:1, K:0. Its decimal value is 16754432.

Hex triplet	ffa700	`#ffa700`
RGB Decimal	255, 167, 0	`rgb(255,167,0)`
RGB Percent	100, 65.5, 0	`rgb(100%,65.5%,0%)`
CMYK	0, 35, 100, 0
HSL	39.3°, 100, 50	`hsl(39.3,100%,50%)`
HSV (or HSB)	39.3°, 100, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	75.39, 22.886, 79.247
XYZ	55.06, 48.901, 6.539
xyY	0.498, 0.443, 48.901
CIE-LCH	75.39, 82.485, 73.891
CIE-LUV	75.39, 73.181, 74.704
Hunter-Lab	69.93, 18.169, 43.406
Binary	11111111, 10100111, 00000000

#ffa700
```
#ffa700 rgb(255,167,0)
```
#0058ff
```
#0058ff rgb(0,88,255)
```

Complementary Color

#ff2700
```
#ff2700 rgb(255,39,0)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#d8ff00
```
#d8ff00 rgb(216,255,0)
```

Analogous Color

#2700ff
```
#2700ff rgb(39,0,255)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#00d8ff
```
#00d8ff rgb(0,216,255)
```

Split Complementary Color

#a700ff
```
#a700ff rgb(167,0,255)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#00ffa7
```
#00ffa7 rgb(0,255,167)
```

Triadic Color

#ff0058
```
#ff0058 rgb(255,0,88)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#00ffa7
```
#00ffa7 rgb(0,255,167)
```
#0058ff
```
#0058ff rgb(0,88,255)
```

Tetradic Color

#b37500
```
#b37500 rgb(179,117,0)
```
#cc8600
```
#cc8600 rgb(204,134,0)
```
#e69600
```
#e69600 rgb(230,150,0)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#ffb01a
```
#ffb01a rgb(255,176,26)
```
#ffb933
```
#ffb933 rgb(255,185,51)
```
#ffc14d
```
#ffc14d rgb(255,193,77)
```

Monochromatic Color

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

#ff6700
```
#ff6700 rgb(255,103,0)
```
#ff7d00
```
#ff7d00 rgb(255,125,0)
```
#ff9200
```
#ff9200 rgb(255,146,0)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#ffbc00
```
#ffbc00 rgb(255,188,0)
```
#ffd200
```
#ffd200 rgb(255,210,0)
```
#ffe700
```
#ffe700 rgb(255,231,0)
```

Similar Colors

Text with hexadecimal color #ffa700

This text has a font color of #ffa700.

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

#ffa700 background color

This paragraph has a background color of #ffa700.

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

#ffa700 border color

This element has a border color of #ffa700.

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

CSS codes

.text {color:#ffa700;}

.background {background-color:#ffa700;}

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

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, #140d00 is the darkest color, while #ffffff is the lightest one.

#140d00
```
#140d00 rgb(20,13,0)
```
#271a00
```
#271a00 rgb(39,26,0)
```
#3b2700
```
#3b2700 rgb(59,39,0)
```
#4e3300
```
#4e3300 rgb(78,51,0)
```
#624000
```
#624000 rgb(98,64,0)
```
#764d00
```
#764d00 rgb(118,77,0)
```
#895a00
```
#895a00 rgb(137,90,0)
```
#9d6700
```
#9d6700 rgb(157,103,0)
```
#b17400
```
#b17400 rgb(177,116,0)
```
#c48000
```
#c48000 rgb(196,128,0)
```
#d88d00
```
#d88d00 rgb(216,141,0)
```
#eb9a00
```
#eb9a00 rgb(235,154,0)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```

Shade Color Variation

#ffae14
```
#ffae14 rgb(255,174,20)
```
#ffb527
```
#ffb527 rgb(255,181,39)
```
#ffbb3b
```
#ffbb3b rgb(255,187,59)
```
#ffc24e
```
#ffc24e rgb(255,194,78)
```
#ffc962
```
#ffc962 rgb(255,201,98)
```
#ffd076
```
#ffd076 rgb(255,208,118)
```
#ffd689
```
#ffd689 rgb(255,214,137)
```
#ffdd9d
```
#ffdd9d rgb(255,221,157)
```
#ffe4b1
```
#ffe4b1 rgb(255,228,177)
```
#ffebc4
```
#ffebc4 rgb(255,235,196)
```
#fff1d8
```
#fff1d8 rgb(255,241,216)
```
#fff8eb
```
#fff8eb rgb(255,248,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#898376
```
#898376 rgb(137,131,118)
```
#93866c
```
#93866c rgb(147,134,108)
```
#9d8962
```
#9d8962 rgb(157,137,98)
```
#a78c58
```
#a78c58 rgb(167,140,88)
```
#b18f4e
```
#b18f4e rgb(177,143,78)
```
#ba9245
```
#ba9245 rgb(186,146,69)
```
#c4953b
```
#c4953b rgb(196,149,59)
```
#ce9831
```
#ce9831 rgb(206,152,49)
```
#d89b27
```
#d89b27 rgb(216,155,39)
```
#e29e1d
```
#e29e1d rgb(226,158,29)
```
#eba114
```
#eba114 rgb(235,161,20)
```
#f5a40a
```
#f5a40a rgb(245,164,10)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```

Tone Color Variation

Below, you can see how #ffa700 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

#aeaeae Achromatopsia 0.005% of the population
#bead8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bd14 Protanopia 1% of men
#ecb400 Deuteranopia 1% of men
#ffa3ad Tritanopia 0.001% of the population

Trichromacy

#e3b50d Protanomaly 1% of men, 0.01% of women
#f3af00 Deuteranomaly 6% of men, 0.4% of women
#ffa56e Tritanomaly 0.01% of the population

Chrome yellow / #ffa700 hex color

#ffa700 Color Information

#ffa700 Color Conversion

Color Schemes with #ffa700

Alternatives to #ffa700

#ffa700 Preview

Shades and Tints of #ffa700

Tones of #ffa700

Color Blindness Simulator