#fd5d02 hex color

In a RGB color space, hex #fd5d02 is composed of 99.2% red, 36.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.2% magenta, 99.2% yellow and 0.8% black. It has a hue angle of 21.8 degrees, a saturation of 98.4% and a lightness of 50%. #fd5d02 color hex could be obtained by blending #ffba04 with #fb0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 36
- B 1
RGB color chart
- C 0
- M 63
- Y 99
- K 1
CMYK color chart

● #fd5d02 color description : Vivid orange.

The hexadecimal color #fd5d02 has RGB values of R:253, G:93, B:2 and CMYK values of C:0, M:0.63, Y:0.99, K:0.01. Its decimal value is 16604418.

Hex triplet	fd5d02	`#fd5d02`
RGB Decimal	253, 93, 2	`rgb(253,93,2)`
RGB Percent	99.2, 36.5, 0.8	`rgb(99.2%,36.5%,0.8%)`
CMYK	0, 63, 99, 1
HSL	21.8°, 98.4, 50	`hsl(21.8,98.4%,50%)`
HSV (or HSB)	21.8°, 99.2, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.534, 58.172, 69.844
XYZ	44.435, 28.721, 3.261
xyY	0.581, 0.376, 28.721
CIE-LCH	60.534, 90.896, 50.21
CIE-LUV	60.534, 132.691, 50.831
Hunter-Lab	53.592, 54.217, 33.906
Binary	11111101, 01011101, 00000010

#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#02a2fd
```
#02a2fd rgb(2,162,253)
```

Complementary Color

#fd0224
```
#fd0224 rgb(253,2,36)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#fddb02
```
#fddb02 rgb(253,219,2)
```

Analogous Color

#0224fd
```
#0224fd rgb(2,36,253)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#02fddb
```
#02fddb rgb(2,253,219)
```

Split Complementary Color

#5d02fd
```
#5d02fd rgb(93,2,253)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#02fd5d
```
#02fd5d rgb(2,253,93)
```

Triadic Color

#fd02a2
```
#fd02a2 rgb(253,2,162)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#02fd5d
```
#02fd5d rgb(2,253,93)
```
#02a2fd
```
#02a2fd rgb(2,162,253)
```

Tetradic Color

#b14101
```
#b14101 rgb(177,65,1)
```
#ca4a02
```
#ca4a02 rgb(202,74,2)
```
#e45402
```
#e45402 rgb(228,84,2)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#fd6d1b
```
#fd6d1b rgb(253,109,27)
```
#fd7d35
```
#fd7d35 rgb(253,125,53)
```
#fe8e4e
```
#fe8e4e rgb(254,142,78)
```

Monochromatic Color

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

#fd1e02
```
#fd1e02 rgb(253,30,2)
```
#fd3302
```
#fd3302 rgb(253,51,2)
```
#fd4802
```
#fd4802 rgb(253,72,2)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```
#fd7202
```
#fd7202 rgb(253,114,2)
```
#fd8702
```
#fd8702 rgb(253,135,2)
```
#fd9c02
```
#fd9c02 rgb(253,156,2)
```

Similar Colors

Text with hexadecimal color #fd5d02

This text has a font color of #fd5d02.

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

#fd5d02 background color

This paragraph has a background color of #fd5d02.

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

#fd5d02 border color

This element has a border color of #fd5d02.

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

CSS codes

.text {color:#fd5d02;}

.background {background-color:#fd5d02;}

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

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

#130700
```
#130700 rgb(19,7,0)
```
#270e00
```
#270e00 rgb(39,14,0)
```
#3a1500
```
#3a1500 rgb(58,21,0)
```
#4e1d01
```
#4e1d01 rgb(78,29,1)
```
#612401
```
#612401 rgb(97,36,1)
```
#752b01
```
#752b01 rgb(117,43,1)
```
#883201
```
#883201 rgb(136,50,1)
```
#9c3901
```
#9c3901 rgb(156,57,1)
```
#af4001
```
#af4001 rgb(175,64,1)
```
#c34802
```
#c34802 rgb(195,72,2)
```
#d64f02
```
#d64f02 rgb(214,79,2)
```
#ea5602
```
#ea5602 rgb(234,86,2)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```

Shade Color Variation

#fd6915
```
#fd6915 rgb(253,105,21)
```
#fd7629
```
#fd7629 rgb(253,118,41)
```
#fd823c
```
#fd823c rgb(253,130,60)
```
#fe8f50
```
#fe8f50 rgb(254,143,80)
```
#fe9b63
```
#fe9b63 rgb(254,155,99)
```
#fea877
```
#fea877 rgb(254,168,119)
```
#feb48a
```
#feb48a rgb(254,180,138)
```
#fec19e
```
#fec19e rgb(254,193,158)
```
#fecdb1
```
#fecdb1 rgb(254,205,177)
```
#ffdac5
```
#ffdac5 rgb(255,218,197)
```
#ffe6d8
```
#ffe6d8 rgb(255,230,216)
```
#fff3ec
```
#fff3ec rgb(255,243,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877d78
```
#877d78 rgb(135,125,120)
```
#917b6e
```
#917b6e rgb(145,123,110)
```
#9b7864
```
#9b7864 rgb(155,120,100)
```
#a5755a
```
#a5755a rgb(165,117,90)
```
#af7350
```
#af7350 rgb(175,115,80)
```
#b87047
```
#b87047 rgb(184,112,71)
```
#c26d3d
```
#c26d3d rgb(194,109,61)
```
#cc6a33
```
#cc6a33 rgb(204,106,51)
```
#d66829
```
#d66829 rgb(214,104,41)
```
#e0651f
```
#e0651f rgb(224,101,31)
```
#e96216
```
#e96216 rgb(233,98,22)
```
#f3600c
```
#f3600c rgb(243,96,12)
```
#fd5d02
```
#fd5d02 rgb(253,93,2)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#9b7b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9971e Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#ff5f63 Tritanopia 0.001% of the population

Trichromacy

#c88214 Protanomaly 1% of men, 0.01% of women
#d47d00 Deuteranomaly 6% of men, 0.4% of women
#fe5e40 Tritanomaly 0.01% of the population

#fd5d02 hex color

#fd5d02 Color Information

#fd5d02 Color Conversion

Color Schemes with #fd5d02

Alternatives to #fd5d02

#fd5d02 Preview

Shades and Tints of #fd5d02

Tones of #fd5d02

Color Blindness Simulator