#fdcc2d hex color

In a RGB color space, hex #fdcc2d is composed of 99.2% red, 80% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 82.2% yellow and 0.8% black. It has a hue angle of 45.9 degrees, a saturation of 98.1% and a lightness of 58.4%. #fdcc2d color hex could be obtained by blending #ffff5a with #fb9900. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 80
- B 18
RGB color chart
- C 0
- M 19
- Y 82
- K 1
CMYK color chart

● #fdcc2d color description : Bright yellow.

The hexadecimal color #fdcc2d has RGB values of R:253, G:204, B:45 and CMYK values of C:0, M:0.19, Y:0.82, K:0.01. Its decimal value is 16632877.

Hex triplet	fdcc2d	`#fdcc2d`
RGB Decimal	253, 204, 45	`rgb(253,204,45)`
RGB Percent	99.2, 80, 17.6	`rgb(99.2%,80%,17.6%)`
CMYK	0, 19, 82, 1
HSL	45.9°, 98.1, 58.4	`hsl(45.9,98.1%,58.4%)`
HSV (or HSB)	45.9°, 82.2, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.101, 3.498, 77.803
XYZ	62.576, 64.261, 11.59
xyY	0.452, 0.464, 64.261
CIE-LCH	84.101, 77.882, 87.426
CIE-LUV	84.101, 41.562, 83.778
Hunter-Lab	80.163, -0.947, 47.542
Binary	11111101, 11001100, 00101101

#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#2d5efd
```
#2d5efd rgb(45,94,253)
```

Complementary Color

#fd642d
```
#fd642d rgb(253,100,45)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#c6fd2d
```
#c6fd2d rgb(198,253,45)
```

Analogous Color

#642dfd
```
#642dfd rgb(100,45,253)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#2dc6fd
```
#2dc6fd rgb(45,198,253)
```

Split Complementary Color

#cc2dfd
```
#cc2dfd rgb(204,45,253)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#2dfdcc
```
#2dfdcc rgb(45,253,204)
```

Triadic Color

#fd2d5e
```
#fd2d5e rgb(253,45,94)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#2dfdcc
```
#2dfdcc rgb(45,253,204)
```
#2d5efd
```
#2d5efd rgb(45,94,253)
```

Tetradic Color

#dba802
```
#dba802 rgb(219,168,2)
```
#f5bc02
```
#f5bc02 rgb(245,188,2)
```
#fdc614
```
#fdc614 rgb(253,198,20)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#fdd246
```
#fdd246 rgb(253,210,70)
```
#fdd860
```
#fdd860 rgb(253,216,96)
```
#fede79
```
#fede79 rgb(254,222,121)
```

Monochromatic Color

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

#fd982d
```
#fd982d rgb(253,152,45)
```
#fda92d
```
#fda92d rgb(253,169,45)
```
#fdbb2d
```
#fdbb2d rgb(253,187,45)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#fddd2d
```
#fddd2d rgb(253,221,45)
```
#fdef2d
```
#fdef2d rgb(253,239,45)
```
#fafd2d
```
#fafd2d rgb(250,253,45)
```

Similar Colors

Text with hexadecimal color #fdcc2d

This text has a font color of #fdcc2d.

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

#fdcc2d background color

This paragraph has a background color of #fdcc2d.

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

#fdcc2d border color

This element has a border color of #fdcc2d.

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

CSS codes

.text {color:#fdcc2d;}

.background {background-color:#fdcc2d;}

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

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)
```
#2b2100
```
#2b2100 rgb(43,33,0)
```
#3e3001
```
#3e3001 rgb(62,48,1)
```
#513e01
```
#513e01 rgb(81,62,1)
```
#654d01
```
#654d01 rgb(101,77,1)
```
#785c01
```
#785c01 rgb(120,92,1)
```
#8c6b01
```
#8c6b01 rgb(140,107,1)
```
#9f7a02
```
#9f7a02 rgb(159,122,2)
```
#b38902
```
#b38902 rgb(179,137,2)
```
#c69802
```
#c69802 rgb(198,152,2)
```
#d9a702
```
#d9a702 rgb(217,167,2)
```
#edb602
```
#edb602 rgb(237,182,2)
```

Shade Color Variation

#fdc306
```
#fdc306 rgb(253,195,6)
```
#fdc71a
```
#fdc71a rgb(253,199,26)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```
#fdd140
```
#fdd140 rgb(253,209,64)
```
#fdd554
```
#fdd554 rgb(253,213,84)
```
#feda67
```
#feda67 rgb(254,218,103)
```
#fedf7b
```
#fedf7b rgb(254,223,123)
```
#fee48e
```
#fee48e rgb(254,228,142)
```
#fee8a2
```
#fee8a2 rgb(254,232,162)
```
#feedb5
```
#feedb5 rgb(254,237,181)
```
#fef2c8
```
#fef2c8 rgb(254,242,200)
```
#fff6dc
```
#fff6dc rgb(255,246,220)
```
#fffbef
```
#fffbef rgb(255,251,239)
```

Tint Color Variation

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

#9b988f
```
#9b988f rgb(155,152,143)
```
#a39d87
```
#a39d87 rgb(163,157,135)
```
#aba17f
```
#aba17f rgb(171,161,127)
```
#b4a576
```
#b4a576 rgb(180,165,118)
```
#bcaa6e
```
#bcaa6e rgb(188,170,110)
```
#c4ae66
```
#c4ae66 rgb(196,174,102)
```
#ccb25e
```
#ccb25e rgb(204,178,94)
```
#d4b656
```
#d4b656 rgb(212,182,86)
```
#dcbb4e
```
#dcbb4e rgb(220,187,78)
```
#e5bf45
```
#e5bf45 rgb(229,191,69)
```
#edc33d
```
#edc33d rgb(237,195,61)
```
#f5c835
```
#f5c835 rgb(245,200,53)
```
#fdcc2d
```
#fdcc2d rgb(253,204,45)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d3caaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd439 Protanopia 1% of men
#ffcc73 Deuteranopia 1% of men
#ffc5cf Tritanopia 0.001% of the population

Trichromacy

#f2d134 Protanomaly 1% of men, 0.01% of women
#fecc5a Deuteranomaly 6% of men, 0.4% of women
#fec794 Tritanomaly 0.01% of the population

#fdcc2d hex color

#fdcc2d Color Information

#fdcc2d Color Conversion

Color Schemes with #fdcc2d

Alternatives to #fdcc2d

#fdcc2d Preview

Shades and Tints of #fdcc2d

Tones of #fdcc2d

Color Blindness Simulator