#ffb314 hex color

In a RGB color space, hex #ffb314 is composed of 100% red, 70.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 92.2% yellow and 0% black. It has a hue angle of 40.6 degrees, a saturation of 100% and a lightness of 53.9%. #ffb314 color hex could be obtained by blending #ffff28 with #ff6700. Closest websafe color is: #ffcc00.

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

● #ffb314 color description : Vivid orange.

The hexadecimal color #ffb314 has RGB values of R:255, G:179, B:20 and CMYK values of C:0, M:0.3, Y:0.92, K:0. Its decimal value is 16757524.

Hex triplet	ffb314	`#ffb314`
RGB Decimal	255, 179, 20	`rgb(255,179,20)`
RGB Percent	100, 70.2, 7.8	`rgb(100%,70.2%,7.8%)`
CMYK	0, 30, 92, 0
HSL	40.6°, 100, 53.9	`hsl(40.6,100%,53.9%)`
HSV (or HSB)	40.6°, 92.2, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	78.201, 16.807, 78.75
XYZ	57.488, 53.554, 7.971
xyY	0.483, 0.45, 53.554
CIE-LCH	78.201, 80.523, 77.953
CIE-LUV	78.201, 63.106, 77.729
Hunter-Lab	73.181, 12.156, 44.768
Binary	11111111, 10110011, 00010100

#ffb314
```
#ffb314 rgb(255,179,20)
```
#1460ff
```
#1460ff rgb(20,96,255)
```

Complementary Color

#ff3d14
```
#ff3d14 rgb(255,61,20)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#d6ff14
```
#d6ff14 rgb(214,255,20)
```

Analogous Color

#3d14ff
```
#3d14ff rgb(61,20,255)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#14d6ff
```
#14d6ff rgb(20,214,255)
```

Split Complementary Color

#b314ff
```
#b314ff rgb(179,20,255)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#14ffb3
```
#14ffb3 rgb(20,255,179)
```

Triadic Color

#ff1460
```
#ff1460 rgb(255,20,96)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#14ffb3
```
#14ffb3 rgb(20,255,179)
```
#1460ff
```
#1460ff rgb(20,96,255)
```

Tetradic Color

#c78600
```
#c78600 rgb(199,134,0)
```
#e09800
```
#e09800 rgb(224,152,0)
```
#faa900
```
#faa900 rgb(250,169,0)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#ffbb2e
```
#ffbb2e rgb(255,187,46)
```
#ffc347
```
#ffc347 rgb(255,195,71)
```
#ffcc61
```
#ffcc61 rgb(255,204,97)
```

Monochromatic Color

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

#ff7814
```
#ff7814 rgb(255,120,20)
```
#ff8c14
```
#ff8c14 rgb(255,140,20)
```
#ff9f14
```
#ff9f14 rgb(255,159,20)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#ffc714
```
#ffc714 rgb(255,199,20)
```
#ffda14
```
#ffda14 rgb(255,218,20)
```
#ffee14
```
#ffee14 rgb(255,238,20)
```

Similar Colors

Text with hexadecimal color #ffb314

This text has a font color of #ffb314.

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

#ffb314 background color

This paragraph has a background color of #ffb314.

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

#ffb314 border color

This element has a border color of #ffb314.

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

CSS codes

.text {color:#ffb314;}

.background {background-color:#ffb314;}

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

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)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#281b00
```
#281b00 rgb(40,27,0)
```
#3b2800
```
#3b2800 rgb(59,40,0)
```
#4f3500
```
#4f3500 rgb(79,53,0)
```
#624300
```
#624300 rgb(98,67,0)
```
#765000
```
#765000 rgb(118,80,0)
```
#8a5d00
```
#8a5d00 rgb(138,93,0)
```
#9d6a00
```
#9d6a00 rgb(157,106,0)
```
#b17800
```
#b17800 rgb(177,120,0)
```
#c58500
```
#c58500 rgb(197,133,0)
```
#d89200
```
#d89200 rgb(216,146,0)
```
#eca000
```
#eca000 rgb(236,160,0)
```

Shade Color Variation

#ffad00
```
#ffad00 rgb(255,173,0)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```
#ffb928
```
#ffb928 rgb(255,185,40)
```
#ffc03b
```
#ffc03b rgb(255,192,59)
```
#ffc64f
```
#ffc64f rgb(255,198,79)
```
#ffcc62
```
#ffcc62 rgb(255,204,98)
```
#ffd376
```
#ffd376 rgb(255,211,118)
```
#ffd98a
```
#ffd98a rgb(255,217,138)
```
#ffdf9d
```
#ffdf9d rgb(255,223,157)
```
#ffe6b1
```
#ffe6b1 rgb(255,230,177)
```
#ffecc5
```
#ffecc5 rgb(255,236,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, #938d80 is the less saturated color, while #ffb314 is the most saturated one.

#938d80
```
#938d80 rgb(147,141,128)
```
#9c9077
```
#9c9077 rgb(156,144,119)
```
#a5936e
```
#a5936e rgb(165,147,110)
```
#ae9665
```
#ae9665 rgb(174,150,101)
```
#b7995c
```
#b7995c rgb(183,153,92)
```
#c09d53
```
#c09d53 rgb(192,157,83)
```
#c9a04a
```
#c9a04a rgb(201,160,74)
```
#d2a341
```
#d2a341 rgb(210,163,65)
```
#dba638
```
#dba638 rgb(219,166,56)
```
#e4a92f
```
#e4a92f rgb(228,169,47)
```
#edad26
```
#edad26 rgb(237,173,38)
```
#f6b01d
```
#f6b01d rgb(246,176,29)
```
#ffb314
```
#ffb314 rgb(255,179,20)
```

Tone Color Variation

Below, you can see how #ffb314 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
#c6b797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc524 Protanopia 1% of men
#f5bb1b Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e8be1e Protanomaly 1% of men, 0.01% of women
#f9b818 Deuteranomaly 6% of men, 0.4% of women
#ffb07c Tritanomaly 0.01% of the population

#ffb314 hex color

#ffb314 Color Information

#ffb314 Color Conversion

Color Schemes with #ffb314

Alternatives to #ffb314

#ffb314 Preview

Shades and Tints of #ffb314

Tones of #ffb314

Color Blindness Simulator