#ffd552 hex color

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

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

● #ffd552 color description : Light yellow.

The hexadecimal color #ffd552 has RGB values of R:255, G:213, B:82 and CMYK values of C:0, M:0.16, Y:0.68, K:0. Its decimal value is 16766290.

Hex triplet	ffd552	`#ffd552`
RGB Decimal	255, 213, 82	`rgb(255,213,82)`
RGB Percent	100, 83.5, 32.2	`rgb(100%,83.5%,32.2%)`
CMYK	0, 16, 68, 0
HSL	45.4°, 100, 66.1	`hsl(45.4,100%,66.1%)`
HSV (or HSB)	45.4°, 67.8, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.732, 1.199, 67.594
XYZ	66.558, 69.46, 17.884
xyY	0.432, 0.451, 69.46
CIE-LCH	86.732, 67.605, 88.983
CIE-LUV	86.732, 35.238, 78.474
Hunter-Lab	83.343, -3.299, 45.618
Binary	11111111, 11010101, 01010010

#ffd552
```
#ffd552 rgb(255,213,82)
```
#527cff
```
#527cff rgb(82,124,255)
```

Complementary Color

#ff7f52
```
#ff7f52 rgb(255,127,82)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#d3ff52
```
#d3ff52 rgb(211,255,82)
```

Analogous Color

#7f52ff
```
#7f52ff rgb(127,82,255)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#52d3ff
```
#52d3ff rgb(82,211,255)
```

Split Complementary Color

#d552ff
```
#d552ff rgb(213,82,255)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#52ffd5
```
#52ffd5 rgb(82,255,213)
```

Triadic Color

#ff527c
```
#ff527c rgb(255,82,124)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#52ffd5
```
#52ffd5 rgb(82,255,213)
```
#527cff
```
#527cff rgb(82,124,255)
```

Tetradic Color

#ffc205
```
#ffc205 rgb(255,194,5)
```
#ffc91f
```
#ffc91f rgb(255,201,31)
```
#ffcf39
```
#ffcf39 rgb(255,207,57)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#ffdb6c
```
#ffdb6c rgb(255,219,108)
```
#ffe185
```
#ffe185 rgb(255,225,133)
```
#ffe89f
```
#ffe89f rgb(255,232,159)
```

Monochromatic Color

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

#ffaa52
```
#ffaa52 rgb(255,170,82)
```
#ffb852
```
#ffb852 rgb(255,184,82)
```
#ffc752
```
#ffc752 rgb(255,199,82)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#ffe352
```
#ffe352 rgb(255,227,82)
```
#fff252
```
#fff252 rgb(255,242,82)
```
#feff52
```
#feff52 rgb(254,255,82)
```

Similar Colors

Text with hexadecimal color #ffd552

This text has a font color of #ffd552.

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

#ffd552 background color

This paragraph has a background color of #ffd552.

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

#ffd552 border color

This element has a border color of #ffd552.

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

CSS codes

.text {color:#ffd552;}

.background {background-color:#ffd552;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171200
```
#171200 rgb(23,18,0)
```
#2b2000
```
#2b2000 rgb(43,32,0)
```
#3e2f00
```
#3e2f00 rgb(62,47,0)
```
#523e00
```
#523e00 rgb(82,62,0)
```
#664d00
```
#664d00 rgb(102,77,0)
```
#795c00
```
#795c00 rgb(121,92,0)
```
#8d6b00
```
#8d6b00 rgb(141,107,0)
```
#a07a00
```
#a07a00 rgb(160,122,0)
```
#b48800
```
#b48800 rgb(180,136,0)
```
#c89700
```
#c89700 rgb(200,151,0)
```
#dba600
```
#dba600 rgb(219,166,0)
```
#efb500
```
#efb500 rgb(239,181,0)
```

Shade Color Variation

#ffc204
```
#ffc204 rgb(255,194,4)
```
#ffc717
```
#ffc717 rgb(255,199,23)
```
#ffcb2b
```
#ffcb2b rgb(255,203,43)
```
#ffd03e
```
#ffd03e rgb(255,208,62)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```
#ffda66
```
#ffda66 rgb(255,218,102)
```
#ffdf79
```
#ffdf79 rgb(255,223,121)
```
#ffe38d
```
#ffe38d rgb(255,227,141)
```
#ffe8a0
```
#ffe8a0 rgb(255,232,160)
```
#ffedb4
```
#ffedb4 rgb(255,237,180)
```
#fff2c8
```
#fff2c8 rgb(255,242,200)
```
#fff6db
```
#fff6db rgb(255,246,219)
```
#fffbef
```
#fffbef rgb(255,251,239)
```

Tint Color Variation

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

#afaca2
```
#afaca2 rgb(175,172,162)
```
#b6af9b
```
#b6af9b rgb(182,175,155)
```
#bcb395
```
#bcb395 rgb(188,179,149)
```
#c3b68e
```
#c3b68e rgb(195,182,142)
```
#caba87
```
#caba87 rgb(202,186,135)
```
#d0bd81
```
#d0bd81 rgb(208,189,129)
```
#d7c07a
```
#d7c07a rgb(215,192,122)
```
#dec473
```
#dec473 rgb(222,196,115)
```
#e4c76d
```
#e4c76d rgb(228,199,109)
```
#ebcb66
```
#ebcb66 rgb(235,203,102)
```
#f2ce5f
```
#f2ce5f rgb(242,206,95)
```
#f8d259
```
#f8d259 rgb(248,210,89)
```
#ffd552
```
#ffd552 rgb(255,213,82)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#dcd3b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3db5c Protanopia 1% of men
#ffd497 Deuteranopia 1% of men
#ffced9 Tritanopia 0.001% of the population

Trichromacy

#f7d958 Protanomaly 1% of men, 0.01% of women
#ffd47e Deuteranomaly 6% of men, 0.4% of women
#ffd1a8 Tritanomaly 0.01% of the population

#ffd552 hex color

#ffd552 Color Information

#ffd552 Color Conversion

Color Schemes with #ffd552

Alternatives to #ffd552

#ffd552 Preview

Shades and Tints of #ffd552

Tones of #ffd552

Color Blindness Simulator