#ffb252 hex color

In a RGB color space, hex #ffb252 is composed of 100% red, 69.8% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 67.8% yellow and 0% black. It has a hue angle of 33.3 degrees, a saturation of 100% and a lightness of 66.1%. #ffb252 color hex could be obtained by blending #ffffa4 with #ff6500. Closest websafe color is: #ff9966.

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

● #ffb252 color description : Light orange.

The hexadecimal color #ffb252 has RGB values of R:255, G:178, B:82 and CMYK values of C:0, M:0.3, Y:0.68, K:0. Its decimal value is 16757330.

Hex triplet	ffb252	`#ffb252`
RGB Decimal	255, 178, 82	`rgb(255,178,82)`
RGB Percent	100, 69.8, 32.2	`rgb(100%,69.8%,32.2%)`
CMYK	0, 30, 68, 0
HSL	33.3°, 100, 66.1	`hsl(33.3,100%,66.1%)`
HSV (or HSB)	33.3°, 67.8, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.294, 19.319, 58.691
XYZ	58.685, 53.714, 15.259
xyY	0.46, 0.421, 53.714
CIE-LCH	78.294, 61.789, 71.781
CIE-LUV	78.294, 61.138, 63.92
Hunter-Lab	73.29, 14.672, 38.958
Binary	11111111, 10110010, 01010010

#ffb252
```
#ffb252 rgb(255,178,82)
```
#529fff
```
#529fff rgb(82,159,255)
```

Complementary Color

#ff5c52
```
#ff5c52 rgb(255,92,82)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#f6ff52
```
#f6ff52 rgb(246,255,82)
```

Analogous Color

#5c52ff
```
#5c52ff rgb(92,82,255)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#52f6ff
```
#52f6ff rgb(82,246,255)
```

Split Complementary Color

#b252ff
```
#b252ff rgb(178,82,255)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#52ffb2
```
#52ffb2 rgb(82,255,178)
```

Triadic Color

#ff529f
```
#ff529f rgb(255,82,159)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#52ffb2
```
#52ffb2 rgb(82,255,178)
```
#529fff
```
#529fff rgb(82,159,255)
```

Tetradic Color

#ff9005
```
#ff9005 rgb(255,144,5)
```
#ff9b1f
```
#ff9b1f rgb(255,155,31)
```
#ffa739
```
#ffa739 rgb(255,167,57)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#ffbd6c
```
#ffbd6c rgb(255,189,108)
```
#ffc985
```
#ffc985 rgb(255,201,133)
```
#ffd49f
```
#ffd49f rgb(255,212,159)
```

Monochromatic Color

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

#ff8752
```
#ff8752 rgb(255,135,82)
```
#ff9552
```
#ff9552 rgb(255,149,82)
```
#ffa452
```
#ffa452 rgb(255,164,82)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#ffc052
```
#ffc052 rgb(255,192,82)
```
#ffcf52
```
#ffcf52 rgb(255,207,82)
```
#ffdd52
```
#ffdd52 rgb(255,221,82)
```

Similar Colors

Text with hexadecimal color #ffb252

This text has a font color of #ffb252.

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

#ffb252 background color

This paragraph has a background color of #ffb252.

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

#ffb252 border color

This element has a border color of #ffb252.

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

CSS codes

.text {color:#ffb252;}

.background {background-color:#ffb252;}

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

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)
```
#3e2300
```
#3e2300 rgb(62,35,0)
```
#522e00
```
#522e00 rgb(82,46,0)
```
#663800
```
#663800 rgb(102,56,0)
```
#794300
```
#794300 rgb(121,67,0)
```
#8d4e00
```
#8d4e00 rgb(141,78,0)
```
#a05900
```
#a05900 rgb(160,89,0)
```
#b46400
```
#b46400 rgb(180,100,0)
```
#c86f00
```
#c86f00 rgb(200,111,0)
```
#db7a00
```
#db7a00 rgb(219,122,0)
```
#ef8500
```
#ef8500 rgb(239,133,0)
```

Shade Color Variation

#ff8f04
```
#ff8f04 rgb(255,143,4)
```
#ff9817
```
#ff9817 rgb(255,152,23)
```
#ffa12b
```
#ffa12b rgb(255,161,43)
```
#ffa93e
```
#ffa93e rgb(255,169,62)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```
#ffbb66
```
#ffbb66 rgb(255,187,102)
```
#ffc379
```
#ffc379 rgb(255,195,121)
```
#ffcc8d
```
#ffcc8d rgb(255,204,141)
```
#ffd5a0
```
#ffd5a0 rgb(255,213,160)
```
#ffdeb4
```
#ffdeb4 rgb(255,222,180)
```
#ffe6c8
```
#ffe6c8 rgb(255,230,200)
```
#ffefdb
```
#ffefdb rgb(255,239,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 #ffb252 is the most saturated one.

#afa9a2
```
#afa9a2 rgb(175,169,162)
```
#b6aa9b
```
#b6aa9b rgb(182,170,155)
```
#bcab95
```
#bcab95 rgb(188,171,149)
```
#c3ab8e
```
#c3ab8e rgb(195,171,142)
```
#caac87
```
#caac87 rgb(202,172,135)
```
#d0ad81
```
#d0ad81 rgb(208,173,129)
```
#d7ae7a
```
#d7ae7a rgb(215,174,122)
```
#deae73
```
#deae73 rgb(222,174,115)
```
#e4af6d
```
#e4af6d rgb(228,175,109)
```
#ebb066
```
#ebb066 rgb(235,176,102)
```
#f2b15f
```
#f2b15f rgb(242,177,95)
```
#f8b159
```
#f8b159 rgb(248,177,89)
```
#ffb252
```
#ffb252 rgb(255,178,82)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#cbbca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c55f Protanopia 1% of men
#f2bb59 Deuteranopia 1% of men
#ffafb9 Tritanopia 0.001% of the population

Trichromacy

#e7be5a Protanomaly 1% of men, 0.01% of women
#f6b856 Deuteranomaly 6% of men, 0.4% of women
#ffb093 Tritanomaly 0.01% of the population

#ffb252 hex color

#ffb252 Color Information

#ffb252 Color Conversion

Color Schemes with #ffb252

Alternatives to #ffb252

#ffb252 Preview

Shades and Tints of #ffb252

Tones of #ffb252

Color Blindness Simulator