#ffb310 hex color

In a RGB color space, hex #ffb310 is composed of 100% red, 70.2% green and 6.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 93.7% yellow and 0% black. It has a hue angle of 40.9 degrees, a saturation of 100% and a lightness of 53.1%. #ffb310 color hex could be obtained by blending #ffff20 with #ff6700. Closest websafe color is: #ffcc00.

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

● #ffb310 color description : Vivid orange.

The hexadecimal color #ffb310 has RGB values of R:255, G:179, B:16 and CMYK values of C:0, M:0.3, Y:0.94, K:0. Its decimal value is 16757520.

Hex triplet	ffb310	`#ffb310`
RGB Decimal	255, 179, 16	`rgb(255,179,16)`
RGB Percent	100, 70.2, 6.3	`rgb(100%,70.2%,6.3%)`
CMYK	0, 30, 94, 0
HSL	40.9°, 100, 53.1	`hsl(40.9,100%,53.1%)`
HSV (or HSB)	40.9°, 93.7, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	78.194, 16.759, 79.344
XYZ	57.455, 53.541, 7.799
xyY	0.484, 0.451, 53.541
CIE-LCH	78.194, 81.095, 78.073
CIE-LUV	78.194, 63.173, 78.054
Hunter-Lab	73.172, 12.108, 44.901
Binary	11111111, 10110011, 00010000

#ffb310
```
#ffb310 rgb(255,179,16)
```
#105cff
```
#105cff rgb(16,92,255)
```

Complementary Color

#ff3b10
```
#ff3b10 rgb(255,59,16)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```
#d4ff10
```
#d4ff10 rgb(212,255,16)
```

Analogous Color

#3c10ff
```
#3c10ff rgb(60,16,255)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```
#10d4ff
```
#10d4ff rgb(16,212,255)
```

Split Complementary Color

#b310ff
```
#b310ff rgb(179,16,255)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```
#10ffb3
```
#10ffb3 rgb(16,255,179)
```

Triadic Color

#ff105c
```
#ff105c rgb(255,16,92)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```
#10ffb3
```
#10ffb3 rgb(16,255,179)
```
#105cff
```
#105cff rgb(16,92,255)
```

Tetradic Color

#c38500
```
#c38500 rgb(195,133,0)
```
#dc9600
```
#dc9600 rgb(220,150,0)
```
#f6a700
```
#f6a700 rgb(246,167,0)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```
#ffbb2a
```
#ffbb2a rgb(255,187,42)
```
#ffc343
```
#ffc343 rgb(255,195,67)
```
#ffcb5d
```
#ffcb5d rgb(255,203,93)
```

Monochromatic Color

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

#ff7710
```
#ff7710 rgb(255,119,16)
```
#ff8b10
```
#ff8b10 rgb(255,139,16)
```
#ff9f10
```
#ff9f10 rgb(255,159,16)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```
#ffc710
```
#ffc710 rgb(255,199,16)
```
#ffdb10
```
#ffdb10 rgb(255,219,16)
```
#ffef10
```
#ffef10 rgb(255,239,16)
```

Similar Colors

Text with hexadecimal color #ffb310

This text has a font color of #ffb310.

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

#ffb310 background color

This paragraph has a background color of #ffb310.

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

#ffb310 border color

This element has a border color of #ffb310.

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

CSS codes

.text {color:#ffb310;}

.background {background-color:#ffb310;}

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

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, #100b00 is the darkest color, while #fffefb is the lightest one.

#100b00
```
#100b00 rgb(16,11,0)
```
#241800
```
#241800 rgb(36,24,0)
```
#372600
```
#372600 rgb(55,38,0)
```
#4b3300
```
#4b3300 rgb(75,51,0)
```
#5e4000
```
#5e4000 rgb(94,64,0)
```
#724e00
```
#724e00 rgb(114,78,0)
```
#865b00
```
#865b00 rgb(134,91,0)
```
#996900
```
#996900 rgb(153,105,0)
```
#ad7600
```
#ad7600 rgb(173,118,0)
```
#c18300
```
#c18300 rgb(193,131,0)
```
#d49100
```
#d49100 rgb(212,145,0)
```
#e89e00
```
#e89e00 rgb(232,158,0)
```
#fbab00
```
#fbab00 rgb(251,171,0)
```

Shade Color Variation

#ffb310
```
#ffb310 rgb(255,179,16)
```
#ffb924
```
#ffb924 rgb(255,185,36)
```
#ffbf37
```
#ffbf37 rgb(255,191,55)
```
#ffc64b
```
#ffc64b rgb(255,198,75)
```
#ffcc5e
```
#ffcc5e rgb(255,204,94)
```
#ffd272
```
#ffd272 rgb(255,210,114)
```
#ffd886
```
#ffd886 rgb(255,216,134)
```
#ffdf99
```
#ffdf99 rgb(255,223,153)
```
#ffe5ad
```
#ffe5ad rgb(255,229,173)
```
#ffebc1
```
#ffebc1 rgb(255,235,193)
```
#fff1d4
```
#fff1d4 rgb(255,241,212)
```
#fff8e8
```
#fff8e8 rgb(255,248,232)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#918b7e
```
#918b7e rgb(145,139,126)
```
#9a8e75
```
#9a8e75 rgb(154,142,117)
```
#a3926c
```
#a3926c rgb(163,146,108)
```
#ac9563
```
#ac9563 rgb(172,149,99)
```
#b5985a
```
#b5985a rgb(181,152,90)
```
#bf9c50
```
#bf9c50 rgb(191,156,80)
```
#c89f47
```
#c89f47 rgb(200,159,71)
```
#d1a23e
```
#d1a23e rgb(209,162,62)
```
#daa635
```
#daa635 rgb(218,166,53)
```
#e3a92c
```
#e3a92c rgb(227,169,44)
```
#edac22
```
#edac22 rgb(237,172,34)
```
#f6b019
```
#f6b019 rgb(246,176,25)
```
#ffb310
```
#ffb310 rgb(255,179,16)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c5b696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc521 Protanopia 1% of men
#f5bb16 Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

#e8be1b Protanomaly 1% of men, 0.01% of women
#f9b814 Deuteranomaly 6% of men, 0.4% of women
#ffb07b Tritanomaly 0.01% of the population

#ffb310 hex color

#ffb310 Color Information

#ffb310 Color Conversion

Color Schemes with #ffb310

Alternatives to #ffb310

#ffb310 Preview

Shades and Tints of #ffb310

Tones of #ffb310

Color Blindness Simulator