#fdd225 hex color

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

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

● #fdd225 color description : Vivid yellow.

The hexadecimal color #fdd225 has RGB values of R:253, G:210, B:37 and CMYK values of C:0, M:0.17, Y:0.85, K:0.01. Its decimal value is 16634405.

Hex triplet	fdd225	`#fdd225`
RGB Decimal	253, 210, 37	`rgb(253,210,37)`
RGB Percent	99.2, 82.4, 14.5	`rgb(99.2%,82.4%,14.5%)`
CMYK	0, 17, 85, 1
HSL	48.1°, 98.2, 56.9	`hsl(48.1,98.2%,56.9%)`
HSV (or HSB)	48.1°, 85.4, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.561, 0.232, 81.009
XYZ	63.889, 67.112, 11.339
xyY	0.449, 0.471, 67.112
CIE-LCH	85.561, 81.009, 89.836
CIE-LUV	85.561, 37.284, 87.295
Hunter-Lab	81.922, -4.155, 49.139
Binary	11111101, 11010010, 00100101

#fdd225
```
#fdd225 rgb(253,210,37)
```
#2550fd
```
#2550fd rgb(37,80,253)
```

Complementary Color

#fd6625
```
#fd6625 rgb(253,102,37)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#bcfd25
```
#bcfd25 rgb(188,253,37)
```

Analogous Color

#6625fd
```
#6625fd rgb(102,37,253)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#25bcfd
```
#25bcfd rgb(37,188,253)
```

Split Complementary Color

#d225fd
```
#d225fd rgb(210,37,253)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#25fdd2
```
#25fdd2 rgb(37,253,210)
```

Triadic Color

#fd2550
```
#fd2550 rgb(253,37,80)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#25fdd2
```
#25fdd2 rgb(37,253,210)
```
#2550fd
```
#2550fd rgb(37,80,253)
```

Tetradic Color

#d4aa02
```
#d4aa02 rgb(212,170,2)
```
#edbe02
```
#edbe02 rgb(237,190,2)
```
#fdcd0c
```
#fdcd0c rgb(253,205,12)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#fdd73e
```
#fdd73e rgb(253,215,62)
```
#fddc58
```
#fddc58 rgb(253,220,88)
```
#fee271
```
#fee271 rgb(254,226,113)
```

Monochromatic Color

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

#fd9c25
```
#fd9c25 rgb(253,156,37)
```
#fdae25
```
#fdae25 rgb(253,174,37)
```
#fdc025
```
#fdc025 rgb(253,192,37)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#fde425
```
#fde425 rgb(253,228,37)
```
#fdf625
```
#fdf625 rgb(253,246,37)
```
#f2fd25
```
#f2fd25 rgb(242,253,37)
```

Similar Colors

Text with hexadecimal color #fdd225

This text has a font color of #fdd225.

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

#fdd225 background color

This paragraph has a background color of #fdd225.

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

#fdd225 border color

This element has a border color of #fdd225.

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

CSS codes

.text {color:#fdd225;}

.background {background-color:#fdd225;}

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

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

#0f0c00
```
#0f0c00 rgb(15,12,0)
```
#231c00
```
#231c00 rgb(35,28,0)
```
#362b00
```
#362b00 rgb(54,43,0)
```
#4a3b01
```
#4a3b01 rgb(74,59,1)
```
#5d4b01
```
#5d4b01 rgb(93,75,1)
```
#705a01
```
#705a01 rgb(112,90,1)
```
#846a01
```
#846a01 rgb(132,106,1)
```
#977901
```
#977901 rgb(151,121,1)
```
#ab8902
```
#ab8902 rgb(171,137,2)
```
#be9902
```
#be9902 rgb(190,153,2)
```
#d2a802
```
#d2a802 rgb(210,168,2)
```
#e5b802
```
#e5b802 rgb(229,184,2)
```
#f8c702
```
#f8c702 rgb(248,199,2)
```

Shade Color Variation

#fdce12
```
#fdce12 rgb(253,206,18)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```
#fdd638
```
#fdd638 rgb(253,214,56)
```
#fdda4c
```
#fdda4c rgb(253,218,76)
```
#fede5f
```
#fede5f rgb(254,222,95)
```
#fee273
```
#fee273 rgb(254,226,115)
```
#fee686
```
#fee686 rgb(254,230,134)
```
#feea9a
```
#feea9a rgb(254,234,154)
```
#feeead
```
#feeead rgb(254,238,173)
```
#fef2c0
```
#fef2c0 rgb(254,242,192)
```
#fff6d4
```
#fff6d4 rgb(255,246,212)
```
#fffae7
```
#fffae7 rgb(255,250,231)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#97958b
```
#97958b rgb(151,149,139)
```
#a09a82
```
#a09a82 rgb(160,154,130)
```
#a89f7a
```
#a89f7a rgb(168,159,122)
```
#b1a471
```
#b1a471 rgb(177,164,113)
```
#b9a969
```
#b9a969 rgb(185,169,105)
```
#c2ae60
```
#c2ae60 rgb(194,174,96)
```
#cab358
```
#cab358 rgb(202,179,88)
```
#d3b94f
```
#d3b94f rgb(211,185,79)
```
#dbbe47
```
#dbbe47 rgb(219,190,71)
```
#e4c33e
```
#e4c33e rgb(228,195,62)
```
#ecc836
```
#ecc836 rgb(236,200,54)
```
#f5cd2d
```
#f5cd2d rgb(245,205,45)
```
#fdd225
```
#fdd225 rgb(253,210,37)
```

Tone Color Variation

Below, you can see how #fdd225 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
#d5ccaa Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#f5d62c Protanomaly 1% of men, 0.01% of women
#fed163 Deuteranomaly 6% of men, 0.4% of women
#fecd95 Tritanomaly 0.01% of the population

#fdd225 hex color

#fdd225 Color Information

#fdd225 Color Conversion

Color Schemes with #fdd225

Alternatives to #fdd225

#fdd225 Preview

Shades and Tints of #fdd225

Tones of #fdd225

Color Blindness Simulator