#ffb700 hex color

In a RGB color space, hex #ffb700 is composed of 100% red, 71.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.2% magenta, 100% yellow and 0% black. It has a hue angle of 43.1 degrees, a saturation of 100% and a lightness of 50%. #ffb700 color hex could be obtained by blending #ffff00 with #ff6f00. Closest websafe color is: #ffcc00.

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

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

The hexadecimal color #ffb700 has RGB values of R:255, G:183, B:0 and CMYK values of C:0, M:0.28, Y:1, K:0. Its decimal value is 16758528.

Hex triplet	ffb700	`#ffb700`
RGB Decimal	255, 183, 0	`rgb(255,183,0)`
RGB Percent	100, 71.8, 0	`rgb(100%,71.8%,0%)`
CMYK	0, 28, 100, 0
HSL	43.1°, 100, 50	`hsl(43.1,100%,50%)`
HSV (or HSB)	43.1°, 100, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.116, 14.54, 81.729
XYZ	58.175, 55.131, 7.577
xyY	0.481, 0.456, 55.131
CIE-LCH	79.116, 83.012, 79.913
CIE-LUV	79.116, 60.142, 80.423
Hunter-Lab	74.25, 9.917, 45.924
Binary	11111111, 10110111, 00000000

#ffb700
```
#ffb700 rgb(255,183,0)
```
#0048ff
```
#0048ff rgb(0,72,255)
```

Complementary Color

#ff3700
```
#ff3700 rgb(255,55,0)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#c8ff00
```
#c8ff00 rgb(200,255,0)
```

Analogous Color

#3700ff
```
#3700ff rgb(55,0,255)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#00c8ff
```
#00c8ff rgb(0,200,255)
```

Split Complementary Color

#b700ff
```
#b700ff rgb(183,0,255)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#00ffb7
```
#00ffb7 rgb(0,255,183)
```

Triadic Color

#ff0048
```
#ff0048 rgb(255,0,72)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#00ffb7
```
#00ffb7 rgb(0,255,183)
```
#0048ff
```
#0048ff rgb(0,72,255)
```

Tetradic Color

#b38000
```
#b38000 rgb(179,128,0)
```
#cc9200
```
#cc9200 rgb(204,146,0)
```
#e6a500
```
#e6a500 rgb(230,165,0)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#ffbe1a
```
#ffbe1a rgb(255,190,26)
```
#ffc533
```
#ffc533 rgb(255,197,51)
```
#ffcd4d
```
#ffcd4d rgb(255,205,77)
```

Monochromatic Color

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

#ff7700
```
#ff7700 rgb(255,119,0)
```
#ff8d00
```
#ff8d00 rgb(255,141,0)
```
#ffa200
```
#ffa200 rgb(255,162,0)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```
#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#ffe200
```
#ffe200 rgb(255,226,0)
```
#fff700
```
#fff700 rgb(255,247,0)
```

Similar Colors

Text with hexadecimal color #ffb700

This text has a font color of #ffb700.

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

#ffb700 background color

This paragraph has a background color of #ffb700.

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

#ffb700 border color

This element has a border color of #ffb700.

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

CSS codes

.text {color:#ffb700;}

.background {background-color:#ffb700;}

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

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

#140e00
```
#140e00 rgb(20,14,0)
```
#271c00
```
#271c00 rgb(39,28,0)
```
#3b2a00
```
#3b2a00 rgb(59,42,0)
```
#4e3800
```
#4e3800 rgb(78,56,0)
```
#624600
```
#624600 rgb(98,70,0)
```
#765400
```
#765400 rgb(118,84,0)
```
#896300
```
#896300 rgb(137,99,0)
```
#9d7100
```
#9d7100 rgb(157,113,0)
```
#b17f00
```
#b17f00 rgb(177,127,0)
```
#c48d00
```
#c48d00 rgb(196,141,0)
```
#d89b00
```
#d89b00 rgb(216,155,0)
```
#eba900
```
#eba900 rgb(235,169,0)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```

Shade Color Variation

#ffbd14
```
#ffbd14 rgb(255,189,20)
```
#ffc227
```
#ffc227 rgb(255,194,39)
```
#ffc83b
```
#ffc83b rgb(255,200,59)
```
#ffcd4e
```
#ffcd4e rgb(255,205,78)
```
#ffd362
```
#ffd362 rgb(255,211,98)
```
#ffd876
```
#ffd876 rgb(255,216,118)
```
#ffde89
```
#ffde89 rgb(255,222,137)
```
#ffe39d
```
#ffe39d rgb(255,227,157)
```
#ffe9b1
```
#ffe9b1 rgb(255,233,177)
```
#ffeec4
```
#ffeec4 rgb(255,238,196)
```
#fff4d8
```
#fff4d8 rgb(255,244,216)
```
#fff9eb
```
#fff9eb rgb(255,249,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 #ffb700 is the most saturated one.

#898476
```
#898476 rgb(137,132,118)
```
#93886c
```
#93886c rgb(147,136,108)
```
#9d8c62
```
#9d8c62 rgb(157,140,98)
```
#a79158
```
#a79158 rgb(167,145,88)
```
#b1954e
```
#b1954e rgb(177,149,78)
```
#ba9945
```
#ba9945 rgb(186,153,69)
```
#c49d3b
```
#c49d3b rgb(196,157,59)
```
#cea231
```
#cea231 rgb(206,162,49)
```
#d8a627
```
#d8a627 rgb(216,166,39)
```
#e2aa1d
```
#e2aa1d rgb(226,170,29)
```
#ebae14
```
#ebae14 rgb(235,174,20)
```
#f5b30a
```
#f5b30a rgb(245,179,10)
```
#ffb700
```
#ffb700 rgb(255,183,0)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c6b893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc712 Protanopia 1% of men
#f9bd00 Deuteranopia 1% of men
#ffb2bc Tritanopia 0.001% of the population

Trichromacy

#eac10b Protanomaly 1% of men, 0.01% of women
#fbbb00 Deuteranomaly 6% of men, 0.4% of women
#ffb477 Tritanomaly 0.01% of the population

#ffb700 hex color

#ffb700 Color Information

#ffb700 Color Conversion

Color Schemes with #ffb700

Alternatives to #ffb700

#ffb700 Preview

Shades and Tints of #ffb700

Tones of #ffb700

Color Blindness Simulator