#ffb014 hex color

In a RGB color space, hex #ffb014 is composed of 100% red, 69% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 92.2% yellow and 0% black. It has a hue angle of 39.8 degrees, a saturation of 100% and a lightness of 53.9%. #ffb014 color hex could be obtained by blending #ffff28 with #ff6100. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 100
- G 69
- B 8
RGB color chart
- C 0
- M 31
- Y 92
- K 0
CMYK color chart

● #ffb014 color description : Vivid orange.

The hexadecimal color #ffb014 has RGB values of R:255, G:176, B:20 and CMYK values of C:0, M:0.31, Y:0.92, K:0. Its decimal value is 16756756.

Hex triplet	ffb014	`#ffb014`
RGB Decimal	255, 176, 20	`rgb(255,176,20)`
RGB Percent	100, 69, 7.8	`rgb(100%,69%,7.8%)`
CMYK	0, 31, 92, 0
HSL	39.8°, 100, 53.9	`hsl(39.8,100%,53.9%)`
HSV (or HSB)	39.8°, 92.2, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	77.499, 18.372, 78.238
XYZ	56.893, 52.365, 7.773
xyY	0.486, 0.447, 52.365
CIE-LCH	77.499, 80.366, 76.785
CIE-LUV	77.499, 65.528, 76.639
Hunter-Lab	72.364, 13.702, 44.286
Binary	11111111, 10110000, 00010100

#ffb014
```
#ffb014 rgb(255,176,20)
```
#1463ff
```
#1463ff rgb(20,99,255)
```

Complementary Color

#ff3a14
```
#ff3a14 rgb(255,58,20)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#d9ff14
```
#d9ff14 rgb(217,255,20)
```

Analogous Color

#3a14ff
```
#3a14ff rgb(58,20,255)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#14d9ff
```
#14d9ff rgb(20,217,255)
```

Split Complementary Color

#b014ff
```
#b014ff rgb(176,20,255)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#14ffb0
```
#14ffb0 rgb(20,255,176)
```

Triadic Color

#ff1463
```
#ff1463 rgb(255,20,99)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#14ffb0
```
#14ffb0 rgb(20,255,176)
```
#1463ff
```
#1463ff rgb(20,99,255)
```

Tetradic Color

#c78400
```
#c78400 rgb(199,132,0)
```
#e09500
```
#e09500 rgb(224,149,0)
```
#faa600
```
#faa600 rgb(250,166,0)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#ffb92e
```
#ffb92e rgb(255,185,46)
```
#ffc147
```
#ffc147 rgb(255,193,71)
```
#ffca61
```
#ffca61 rgb(255,202,97)
```

Monochromatic Color

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

#ff7514
```
#ff7514 rgb(255,117,20)
```
#ff8914
```
#ff8914 rgb(255,137,20)
```
#ff9c14
```
#ff9c14 rgb(255,156,20)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#ffc414
```
#ffc414 rgb(255,196,20)
```
#ffd714
```
#ffd714 rgb(255,215,20)
```
#ffeb14
```
#ffeb14 rgb(255,235,20)
```

Similar Colors

Text with hexadecimal color #ffb014

This text has a font color of #ffb014.

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

#ffb014 background color

This paragraph has a background color of #ffb014.

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

#ffb014 border color

This element has a border color of #ffb014.

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

CSS codes

.text {color:#ffb014;}

.background {background-color:#ffb014;}

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

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, #000000 is the darkest color, while #fff9ec is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#140d00
```
#140d00 rgb(20,13,0)
```
#281a00
```
#281a00 rgb(40,26,0)
```
#3b2700
```
#3b2700 rgb(59,39,0)
```
#4f3400
```
#4f3400 rgb(79,52,0)
```
#624100
```
#624100 rgb(98,65,0)
```
#764e00
```
#764e00 rgb(118,78,0)
```
#8a5b00
```
#8a5b00 rgb(138,91,0)
```
#9d6800
```
#9d6800 rgb(157,104,0)
```
#b17500
```
#b17500 rgb(177,117,0)
```
#c58200
```
#c58200 rgb(197,130,0)
```
#d88f00
```
#d88f00 rgb(216,143,0)
```
#ec9d00
```
#ec9d00 rgb(236,157,0)
```

Shade Color Variation

#ffa900
```
#ffa900 rgb(255,169,0)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```
#ffb728
```
#ffb728 rgb(255,183,40)
```
#ffbd3b
```
#ffbd3b rgb(255,189,59)
```
#ffc44f
```
#ffc44f rgb(255,196,79)
```
#ffca62
```
#ffca62 rgb(255,202,98)
```
#ffd176
```
#ffd176 rgb(255,209,118)
```
#ffd88a
```
#ffd88a rgb(255,216,138)
```
#ffde9d
```
#ffde9d rgb(255,222,157)
```
#ffe5b1
```
#ffe5b1 rgb(255,229,177)
```
#ffebc5
```
#ffebc5 rgb(255,235,197)
```
#fff2d8
```
#fff2d8 rgb(255,242,216)
```
#fff9ec
```
#fff9ec rgb(255,249,236)
```

Tint Color Variation

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

#938c80
```
#938c80 rgb(147,140,128)
```
#9c8f77
```
#9c8f77 rgb(156,143,119)
```
#a5926e
```
#a5926e rgb(165,146,110)
```
#ae9565
```
#ae9565 rgb(174,149,101)
```
#b7985c
```
#b7985c rgb(183,152,92)
```
#c09b53
```
#c09b53 rgb(192,155,83)
```
#c99e4a
```
#c99e4a rgb(201,158,74)
```
#d2a141
```
#d2a141 rgb(210,161,65)
```
#dba438
```
#dba438 rgb(219,164,56)
```
#e4a72f
```
#e4a72f rgb(228,167,47)
```
#edaa26
```
#edaa26 rgb(237,170,38)
```
#f6ad1d
```
#f6ad1d rgb(246,173,29)
```
#ffb014
```
#ffb014 rgb(255,176,20)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c5b596 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac325 Protanopia 1% of men
#f3b919 Deuteranopia 1% of men
#ffacb5 Tritanopia 0.001% of the population

Trichromacy

#e7bc1e Protanomaly 1% of men, 0.01% of women
#f7b517 Deuteranomaly 6% of men, 0.4% of women
#ffad7a Tritanomaly 0.01% of the population

#ffb014 hex color

#ffb014 Color Information

#ffb014 Color Conversion

Color Schemes with #ffb014

Alternatives to #ffb014

#ffb014 Preview

Shades and Tints of #ffb014

Tones of #ffb014

Color Blindness Simulator