#ffb552 hex color

In a RGB color space, hex #ffb552 is composed of 100% red, 71% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 67.8% yellow and 0% black. It has a hue angle of 34.3 degrees, a saturation of 100% and a lightness of 66.1%. #ffb552 color hex could be obtained by blending #ffffa4 with #ff6b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 71
- B 32
RGB color chart
- C 0
- M 29
- Y 68
- K 0
CMYK color chart

● #ffb552 color description : Light orange.

The hexadecimal color #ffb552 has RGB values of R:255, G:181, B:82 and CMYK values of C:0, M:0.29, Y:0.68, K:0. Its decimal value is 16758098.

Hex triplet	ffb552	`#ffb552`
RGB Decimal	255, 181, 82	`rgb(255,181,82)`
RGB Percent	100, 71, 32.2	`rgb(100%,71%,32.2%)`
CMYK	0, 29, 68, 0
HSL	34.3°, 100, 66.1	`hsl(34.3,100%,66.1%)`
HSV (or HSB)	34.3°, 67.8, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	78.995, 17.752, 59.445
XYZ	59.288, 54.92, 15.46
xyY	0.457, 0.424, 54.92
CIE-LCH	78.995, 62.039, 73.373
CIE-LUV	78.995, 58.85, 65.161
Hunter-Lab	74.108, 13.114, 39.507
Binary	11111111, 10110101, 01010010

#ffb552
```
#ffb552 rgb(255,181,82)
```
#529cff
```
#529cff rgb(82,156,255)
```

Complementary Color

#ff5f52
```
#ff5f52 rgb(255,95,82)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#f3ff52
```
#f3ff52 rgb(243,255,82)
```

Analogous Color

#5f52ff
```
#5f52ff rgb(95,82,255)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#52f3ff
```
#52f3ff rgb(82,243,255)
```

Split Complementary Color

#b552ff
```
#b552ff rgb(181,82,255)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#52ffb5
```
#52ffb5 rgb(82,255,181)
```

Triadic Color

#ff529c
```
#ff529c rgb(255,82,156)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#52ffb5
```
#52ffb5 rgb(82,255,181)
```
#529cff
```
#529cff rgb(82,156,255)
```

Tetradic Color

#ff9405
```
#ff9405 rgb(255,148,5)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#ffaa39
```
#ffaa39 rgb(255,170,57)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#ffc06c
```
#ffc06c rgb(255,192,108)
```
#ffcb85
```
#ffcb85 rgb(255,203,133)
```
#ffd69f
```
#ffd69f rgb(255,214,159)
```

Monochromatic Color

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

#ff8a52
```
#ff8a52 rgb(255,138,82)
```
#ff9852
```
#ff9852 rgb(255,152,82)
```
#ffa752
```
#ffa752 rgb(255,167,82)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#ffc352
```
#ffc352 rgb(255,195,82)
```
#ffd252
```
#ffd252 rgb(255,210,82)
```
#ffe052
```
#ffe052 rgb(255,224,82)
```

Similar Colors

Text with hexadecimal color #ffb552

This text has a font color of #ffb552.

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

#ffb552 background color

This paragraph has a background color of #ffb552.

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

#ffb552 border color

This element has a border color of #ffb552.

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

CSS codes

.text {color:#ffb552;}

.background {background-color:#ffb552;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170d00
```
#170d00 rgb(23,13,0)
```
#2b1800
```
#2b1800 rgb(43,24,0)
```
#3e2400
```
#3e2400 rgb(62,36,0)
```
#522f00
```
#522f00 rgb(82,47,0)
```
#663a00
```
#663a00 rgb(102,58,0)
```
#794500
```
#794500 rgb(121,69,0)
```
#8d5100
```
#8d5100 rgb(141,81,0)
```
#a05c00
```
#a05c00 rgb(160,92,0)
```
#b46700
```
#b46700 rgb(180,103,0)
```
#c87200
```
#c87200 rgb(200,114,0)
```
#db7d00
```
#db7d00 rgb(219,125,0)
```
#ef8900
```
#ef8900 rgb(239,137,0)
```

Shade Color Variation

#ff9304
```
#ff9304 rgb(255,147,4)
```
#ff9c17
```
#ff9c17 rgb(255,156,23)
```
#ffa42b
```
#ffa42b rgb(255,164,43)
```
#ffad3e
```
#ffad3e rgb(255,173,62)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#ffbd66
```
#ffbd66 rgb(255,189,102)
```
#ffc679
```
#ffc679 rgb(255,198,121)
```
#ffce8d
```
#ffce8d rgb(255,206,141)
```
#ffd7a0
```
#ffd7a0 rgb(255,215,160)
```
#ffdfb4
```
#ffdfb4 rgb(255,223,180)
```
#ffe7c8
```
#ffe7c8 rgb(255,231,200)
```
#fff0db
```
#fff0db rgb(255,240,219)
```
#fff8ef
```
#fff8ef rgb(255,248,239)
```

Tint Color Variation

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

#afa9a2
```
#afa9a2 rgb(175,169,162)
```
#b6aa9b
```
#b6aa9b rgb(182,170,155)
```
#bcab95
```
#bcab95 rgb(188,171,149)
```
#c3ac8e
```
#c3ac8e rgb(195,172,142)
```
#caad87
```
#caad87 rgb(202,173,135)
```
#d0ae81
```
#d0ae81 rgb(208,174,129)
```
#d7af7a
```
#d7af7a rgb(215,175,122)
```
#deb073
```
#deb073 rgb(222,176,115)
```
#e4b16d
```
#e4b16d rgb(228,177,109)
```
#ebb266
```
#ebb266 rgb(235,178,102)
```
#f2b35f
```
#f2b35f rgb(242,179,95)
```
#f8b459
```
#f8b459 rgb(248,180,89)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cdbeaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc65f Protanopia 1% of men
#f4bd59 Deuteranopia 1% of men
#ffb1bc Tritanopia 0.001% of the population

Trichromacy

#e8c05a Protanomaly 1% of men, 0.01% of women
#f8ba56 Deuteranomaly 6% of men, 0.4% of women
#ffb395 Tritanomaly 0.01% of the population

#ffb552 hex color

#ffb552 Color Information

#ffb552 Color Conversion

Color Schemes with #ffb552

Alternatives to #ffb552

#ffb552 Preview

Shades and Tints of #ffb552

Tones of #ffb552

Color Blindness Simulator