#fdd223 hex color

In a RGB color space, hex #fdd223 is composed of 99.2% red, 82.4% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17% magenta, 86.2% yellow and 0.8% black. It has a hue angle of 48.2 degrees, a saturation of 98.2% and a lightness of 56.5%. #fdd223 color hex could be obtained by blending #ffff46 with #fba500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 82
- B 14
RGB color chart
- C 0
- M 17
- Y 86
- K 1
CMYK color chart

● #fdd223 color description : Vivid yellow.

The hexadecimal color #fdd223 has RGB values of R:253, G:210, B:35 and CMYK values of C:0, M:0.17, Y:0.86, K:0.01. Its decimal value is 16634403.

Hex triplet	fdd223	`#fdd223`
RGB Decimal	253, 210, 35	`rgb(253,210,35)`
RGB Percent	99.2, 82.4, 13.7	`rgb(99.2%,82.4%,13.7%)`
CMYK	0, 17, 86, 1
HSL	48.2°, 98.2, 56.5	`hsl(48.2,98.2%,56.5%)`
HSV (or HSB)	48.2°, 86.2, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.554, 0.189, 81.446
XYZ	63.859, 67.1, 11.178
xyY	0.449, 0.472, 67.1
CIE-LCH	85.554, 81.446, 89.867
CIE-LUV	85.554, 37.321, 87.561
Hunter-Lab	81.915, -4.196, 49.249
Binary	11111101, 11010010, 00100011

#fdd223
```
#fdd223 rgb(253,210,35)
```
#234efd
```
#234efd rgb(35,78,253)
```

Complementary Color

#fd6523
```
#fd6523 rgb(253,101,35)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#bbfd23
```
#bbfd23 rgb(187,253,35)
```

Analogous Color

#6523fd
```
#6523fd rgb(101,35,253)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#23bbfd
```
#23bbfd rgb(35,187,253)
```

Split Complementary Color

#d223fd
```
#d223fd rgb(210,35,253)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#23fdd2
```
#23fdd2 rgb(35,253,210)
```

Triadic Color

#fd234e
```
#fd234e rgb(253,35,78)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#23fdd2
```
#23fdd2 rgb(35,253,210)
```
#234efd
```
#234efd rgb(35,78,253)
```

Tetradic Color

#d2a902
```
#d2a902 rgb(210,169,2)
```
#ebbd02
```
#ebbd02 rgb(235,189,2)
```
#fdcd0a
```
#fdcd0a rgb(253,205,10)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#fdd73c
```
#fdd73c rgb(253,215,60)
```
#fddc56
```
#fddc56 rgb(253,220,86)
```
#fee26f
```
#fee26f rgb(254,226,111)
```

Monochromatic Color

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

#fd9c23
```
#fd9c23 rgb(253,156,35)
```
#fdae23
```
#fdae23 rgb(253,174,35)
```
#fdc023
```
#fdc023 rgb(253,192,35)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#fde423
```
#fde423 rgb(253,228,35)
```
#fdf623
```
#fdf623 rgb(253,246,35)
```
#f2fd23
```
#f2fd23 rgb(242,253,35)
```

Similar Colors

Text with hexadecimal color #fdd223

This text has a font color of #fdd223.

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

#fdd223 background color

This paragraph has a background color of #fdd223.

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

#fdd223 border color

This element has a border color of #fdd223.

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

CSS codes

.text {color:#fdd223;}

.background {background-color:#fdd223;}

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

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, #0d0b00 is the darkest color, while #fffef9 is the lightest one.

#0d0b00
```
#0d0b00 rgb(13,11,0)
```
#211a00
```
#211a00 rgb(33,26,0)
```
#342a00
```
#342a00 rgb(52,42,0)
```
#483a01
```
#483a01 rgb(72,58,1)
```
#5b4901
```
#5b4901 rgb(91,73,1)
```
#6e5901
```
#6e5901 rgb(110,89,1)
```
#826901
```
#826901 rgb(130,105,1)
```
#957801
```
#957801 rgb(149,120,1)
```
#a98802
```
#a98802 rgb(169,136,2)
```
#bc9702
```
#bc9702 rgb(188,151,2)
```
#d0a702
```
#d0a702 rgb(208,167,2)
```
#e3b702
```
#e3b702 rgb(227,183,2)
```
#f7c602
```
#f7c602 rgb(247,198,2)
```

Shade Color Variation

#fdce10
```
#fdce10 rgb(253,206,16)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```
#fdd636
```
#fdd636 rgb(253,214,54)
```
#fdda4a
```
#fdda4a rgb(253,218,74)
```
#fede5d
```
#fede5d rgb(254,222,93)
```
#fee271
```
#fee271 rgb(254,226,113)
```
#fee684
```
#fee684 rgb(254,230,132)
```
#feea98
```
#feea98 rgb(254,234,152)
```
#feeeab
```
#feeeab rgb(254,238,171)
```
#fef2bf
```
#fef2bf rgb(254,242,191)
```
#fff6d2
```
#fff6d2 rgb(255,246,210)
```
#fffae5
```
#fffae5 rgb(255,250,229)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#979489
```
#979489 rgb(151,148,137)
```
#9f9981
```
#9f9981 rgb(159,153,129)
```
#a89e78
```
#a89e78 rgb(168,158,120)
```
#b0a370
```
#b0a370 rgb(176,163,112)
```
#b9a967
```
#b9a967 rgb(185,169,103)
```
#c1ae5f
```
#c1ae5f rgb(193,174,95)
```
#cab356
```
#cab356 rgb(202,179,86)
```
#d2b84e
```
#d2b84e rgb(210,184,78)
```
#dbbd45
```
#dbbd45 rgb(219,189,69)
```
#e3c23d
```
#e3c23d rgb(227,194,61)
```
#ecc834
```
#ecc834 rgb(236,200,52)
```
#f4cd2c
```
#f4cd2c rgb(244,205,44)
```
#fdd223
```
#fdd223 rgb(253,210,35)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d5cca9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d82f Protanopia 1% of men
#ffd086 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

#f5d62b Protanomaly 1% of men, 0.01% of women
#fed162 Deuteranomaly 6% of men, 0.4% of women
#fecd94 Tritanomaly 0.01% of the population

#fdd223 hex color

#fdd223 Color Information

#fdd223 Color Conversion

Color Schemes with #fdd223

Alternatives to #fdd223

#fdd223 Preview

Shades and Tints of #fdd223

Tones of #fdd223

Color Blindness Simulator