#fdc530 hex color

In a RGB color space, hex #fdc530 is composed of 99.2% red, 77.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.1% magenta, 81% yellow and 0.8% black. It has a hue angle of 43.6 degrees, a saturation of 98.1% and a lightness of 59%. #fdc530 color hex could be obtained by blending #ffff60 with #fb8b00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 77
- B 19
RGB color chart
- C 0
- M 22
- Y 81
- K 1
CMYK color chart

● #fdc530 color description : Bright orange.

The hexadecimal color #fdc530 has RGB values of R:253, G:197, B:48 and CMYK values of C:0, M:0.22, Y:0.81, K:0.01. Its decimal value is 16631088.

Hex triplet	fdc530	`#fdc530`
RGB Decimal	253, 197, 48	`rgb(253,197,48)`
RGB Percent	99.2, 77.3, 18.8	`rgb(99.2%,77.3%,18.8%)`
CMYK	0, 22, 81, 1
HSL	43.6°, 98.1, 59	`hsl(43.6,98.1%,59%)`
HSV (or HSB)	43.6°, 81, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.396, 7.189, 75.486
XYZ	61.009, 61.032, 11.363
xyY	0.457, 0.457, 61.032
CIE-LCH	82.396, 75.827, 84.56
CIE-LUV	82.396, 46.747, 80.552
Hunter-Lab	78.123, 2.682, 46.062
Binary	11111101, 11000101, 00110000

#fdc530
```
#fdc530 rgb(253,197,48)
```
#3068fd
```
#3068fd rgb(48,104,253)
```

Complementary Color

#fd5f30
```
#fd5f30 rgb(253,95,48)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#cffd30
```
#cffd30 rgb(207,253,48)
```

Analogous Color

#5f30fd
```
#5f30fd rgb(95,48,253)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#30cffd
```
#30cffd rgb(48,207,253)
```

Split Complementary Color

#c530fd
```
#c530fd rgb(197,48,253)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#30fdc5
```
#30fdc5 rgb(48,253,197)
```

Triadic Color

#fd3068
```
#fd3068 rgb(253,48,104)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#30fdc5
```
#30fdc5 rgb(48,253,197)
```
#3068fd
```
#3068fd rgb(48,104,253)
```

Tetradic Color

#dea202
```
#dea202 rgb(222,162,2)
```
#f8b502
```
#f8b502 rgb(248,181,2)
```
#fdbe17
```
#fdbe17 rgb(253,190,23)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#fdcc49
```
#fdcc49 rgb(253,204,73)
```
#fdd363
```
#fdd363 rgb(253,211,99)
```
#feda7c
```
#feda7c rgb(254,218,124)
```

Monochromatic Color

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

#fd9230
```
#fd9230 rgb(253,146,48)
```
#fda330
```
#fda330 rgb(253,163,48)
```
#fdb430
```
#fdb430 rgb(253,180,48)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#fdd630
```
#fdd630 rgb(253,214,48)
```
#fde730
```
#fde730 rgb(253,231,48)
```
#fdf830
```
#fdf830 rgb(253,248,48)
```

Similar Colors

Text with hexadecimal color #fdc530

This text has a font color of #fdc530.

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

#fdc530 background color

This paragraph has a background color of #fdc530.

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

#fdc530 border color

This element has a border color of #fdc530.

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

CSS codes

.text {color:#fdc530;}

.background {background-color:#fdc530;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1300
```
#1a1300 rgb(26,19,0)
```
#2e2100
```
#2e2100 rgb(46,33,0)
```
#412f01
```
#412f01 rgb(65,47,1)
```
#543e01
```
#543e01 rgb(84,62,1)
```
#684c01
```
#684c01 rgb(104,76,1)
```
#7b5a01
```
#7b5a01 rgb(123,90,1)
```
#8f6801
```
#8f6801 rgb(143,104,1)
```
#a27602
```
#a27602 rgb(162,118,2)
```
#b68402
```
#b68402 rgb(182,132,2)
```
#c99302
```
#c99302 rgb(201,147,2)
```
#dca102
```
#dca102 rgb(220,161,2)
```
#f0af02
```
#f0af02 rgb(240,175,2)
```

Shade Color Variation

#fdba09
```
#fdba09 rgb(253,186,9)
```
#fdc01d
```
#fdc01d rgb(253,192,29)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```
#fdca43
```
#fdca43 rgb(253,202,67)
```
#fdd057
```
#fdd057 rgb(253,208,87)
```
#fed56a
```
#fed56a rgb(254,213,106)
```
#fedb7e
```
#fedb7e rgb(254,219,126)
```
#fee091
```
#fee091 rgb(254,224,145)
```
#fee6a5
```
#fee6a5 rgb(254,230,165)
```
#feebb8
```
#feebb8 rgb(254,235,184)
```
#fff1cb
```
#fff1cb rgb(255,241,203)
```
#fff6df
```
#fff6df rgb(255,246,223)
```
#fffbf2
```
#fffbf2 rgb(255,251,242)
```

Tint Color Variation

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

#9d9990
```
#9d9990 rgb(157,153,144)
```
#a59d88
```
#a59d88 rgb(165,157,136)
```
#ada180
```
#ada180 rgb(173,161,128)
```
#b5a478
```
#b5a478 rgb(181,164,120)
```
#bda870
```
#bda870 rgb(189,168,112)
```
#c5ab68
```
#c5ab68 rgb(197,171,104)
```
#cdaf60
```
#cdaf60 rgb(205,175,96)
```
#d5b358
```
#d5b358 rgb(213,179,88)
```
#ddb650
```
#ddb650 rgb(221,182,80)
```
#e5ba48
```
#e5ba48 rgb(229,186,72)
```
#edbe40
```
#edbe40 rgb(237,190,64)
```
#f5c138
```
#f5c138 rgb(245,193,56)
```
#fdc530
```
#fdc530 rgb(253,197,48)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#d0c5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7cf3c Protanopia 1% of men
#ffc656 Deuteranopia 1% of men
#ffbec9 Tritanopia 0.001% of the population

Trichromacy

#efcb38 Protanomaly 1% of men, 0.01% of women
#fec548 Deuteranomaly 6% of men, 0.4% of women
#fec191 Tritanomaly 0.01% of the population

#fdc530 hex color

#fdc530 Color Information

#fdc530 Color Conversion

Color Schemes with #fdc530

Alternatives to #fdc530

#fdc530 Preview

Shades and Tints of #fdc530

Tones of #fdc530

Color Blindness Simulator