#ffb056 hex color

In a RGB color space, hex #ffb056 is composed of 100% red, 69% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31% magenta, 66.3% yellow and 0% black. It has a hue angle of 32 degrees, a saturation of 100% and a lightness of 66.9%. #ffb056 color hex could be obtained by blending #ffffac with #ff6100. Closest websafe color is: #ff9966.

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

● #ffb056 color description : Light orange.

The hexadecimal color #ffb056 has RGB values of R:255, G:176, B:86 and CMYK values of C:0, M:0.31, Y:0.66, K:0. Its decimal value is 16756822.

Hex triplet	ffb056	`#ffb056`
RGB Decimal	255, 176, 86	`rgb(255,176,86)`
RGB Percent	100, 69, 33.7	`rgb(100%,69%,33.7%)`
CMYK	0, 31, 66, 0
HSL	32°, 100, 66.9	`hsl(32,100%,66.9%)`
HSV (or HSB)	32°, 66.3, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.867, 20.585, 56.403
XYZ	58.446, 52.986, 15.953
xyY	0.459, 0.416, 52.986
CIE-LCH	77.867, 60.042, 69.95
CIE-LUV	77.867, 62.361, 61.627
Hunter-Lab	72.792, 15.937, 37.96
Binary	11111111, 10110000, 01010110

#ffb056
```
#ffb056 rgb(255,176,86)
```
#56a5ff
```
#56a5ff rgb(86,165,255)
```

Complementary Color

#ff5c56
```
#ff5c56 rgb(255,92,86)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#faff56
```
#faff56 rgb(250,255,86)
```

Analogous Color

#5c56ff
```
#5c56ff rgb(92,86,255)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#56faff
```
#56faff rgb(86,250,255)
```

Split Complementary Color

#b056ff
```
#b056ff rgb(176,86,255)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#56ffb0
```
#56ffb0 rgb(86,255,176)
```

Triadic Color

#ff56a5
```
#ff56a5 rgb(255,86,165)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#56ffb0
```
#56ffb0 rgb(86,255,176)
```
#56a5ff
```
#56a5ff rgb(86,165,255)
```

Tetradic Color

#ff8c0a
```
#ff8c0a rgb(255,140,10)
```
#ff9823
```
#ff9823 rgb(255,152,35)
```
#ffa43d
```
#ffa43d rgb(255,164,61)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#ffbc70
```
#ffbc70 rgb(255,188,112)
```
#ffc889
```
#ffc889 rgb(255,200,137)
```
#ffd4a3
```
#ffd4a3 rgb(255,212,163)
```

Monochromatic Color

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

#ff8656
```
#ff8656 rgb(255,134,86)
```
#ff9456
```
#ff9456 rgb(255,148,86)
```
#ffa256
```
#ffa256 rgb(255,162,86)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#ffbe56
```
#ffbe56 rgb(255,190,86)
```
#ffcc56
```
#ffcc56 rgb(255,204,86)
```
#ffda56
```
#ffda56 rgb(255,218,86)
```

Similar Colors

Text with hexadecimal color #ffb056

This text has a font color of #ffb056.

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

#ffb056 background color

This paragraph has a background color of #ffb056.

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

#ffb056 border color

This element has a border color of #ffb056.

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

CSS codes

.text {color:#ffb056;}

.background {background-color:#ffb056;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0e00
```
#1b0e00 rgb(27,14,0)
```
#2f1900
```
#2f1900 rgb(47,25,0)
```
#422300
```
#422300 rgb(66,35,0)
```
#562e00
```
#562e00 rgb(86,46,0)
```
#6a3800
```
#6a3800 rgb(106,56,0)
```
#7d4300
```
#7d4300 rgb(125,67,0)
```
#914d00
```
#914d00 rgb(145,77,0)
```
#a45800
```
#a45800 rgb(164,88,0)
```
#b86200
```
#b86200 rgb(184,98,0)
```
#cc6c00
```
#cc6c00 rgb(204,108,0)
```
#df7700
```
#df7700 rgb(223,119,0)
```
#f38100
```
#f38100 rgb(243,129,0)
```

Shade Color Variation

#ff8b08
```
#ff8b08 rgb(255,139,8)
```
#ff941b
```
#ff941b rgb(255,148,27)
```
#ff9e2f
```
#ff9e2f rgb(255,158,47)
```
#ffa742
```
#ffa742 rgb(255,167,66)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```
#ffb96a
```
#ffb96a rgb(255,185,106)
```
#ffc27d
```
#ffc27d rgb(255,194,125)
```
#ffcc91
```
#ffcc91 rgb(255,204,145)
```
#ffd5a4
```
#ffd5a4 rgb(255,213,164)
```
#ffdeb8
```
#ffdeb8 rgb(255,222,184)
```
#ffe7cc
```
#ffe7cc rgb(255,231,204)
```
#fff0df
```
#fff0df rgb(255,240,223)
```
#fff9f3
```
#fff9f3 rgb(255,249,243)
```

Tint Color Variation

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

#b1aba4
```
#b1aba4 rgb(177,171,164)
```
#b8ab9e
```
#b8ab9e rgb(184,171,158)
```
#beac97
```
#beac97 rgb(190,172,151)
```
#c5ac91
```
#c5ac91 rgb(197,172,145)
```
#cbad8a
```
#cbad8a rgb(203,173,138)
```
#d2ad84
```
#d2ad84 rgb(210,173,132)
```
#d8ad7d
```
#d8ad7d rgb(216,173,125)
```
#dfae77
```
#dfae77 rgb(223,174,119)
```
#e5ae70
```
#e5ae70 rgb(229,174,112)
```
#ecaf6a
```
#ecaf6a rgb(236,175,106)
```
#f2af63
```
#f2af63 rgb(242,175,99)
```
#f9b05d
```
#f9b05d rgb(249,176,93)
```
#ffb056
```
#ffb056 rgb(255,176,86)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#cabaa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c363 Protanopia 1% of men
#f0ba5c Deuteranopia 1% of men
#ffadb7 Tritanopia 0.001% of the population

Trichromacy

#e6bc5e Protanomaly 1% of men, 0.01% of women
#f5b65a Deuteranomaly 6% of men, 0.4% of women
#ffae94 Tritanomaly 0.01% of the population

#ffb056 hex color

#ffb056 Color Information

#ffb056 Color Conversion

Color Schemes with #ffb056

Alternatives to #ffb056

#ffb056 Preview

Shades and Tints of #ffb056

Tones of #ffb056

Color Blindness Simulator