#fd5a06 hex color

In a RGB color space, hex #fd5a06 is composed of 99.2% red, 35.3% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 97.6% yellow and 0.8% black. It has a hue angle of 20.4 degrees, a saturation of 98.4% and a lightness of 50.8%. #fd5a06 color hex could be obtained by blending #ffb40c with #fb0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 35
- B 2
RGB color chart
- C 0
- M 64
- Y 98
- K 1
CMYK color chart

● #fd5a06 color description : Vivid orange.

The hexadecimal color #fd5a06 has RGB values of R:253, G:90, B:6 and CMYK values of C:0, M:0.64, Y:0.98, K:0.01. Its decimal value is 16603654.

Hex triplet	fd5a06	`#fd5a06`
RGB Decimal	253, 90, 6	`rgb(253,90,6)`
RGB Percent	99.2, 35.3, 2.4	`rgb(99.2%,35.3%,2.4%)`
CMYK	0, 64, 98, 1
HSL	20.4°, 98.4, 50.8	`hsl(20.4,98.4%,50.8%)`
HSV (or HSB)	20.4°, 97.6, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.081, 59.438, 68.876
XYZ	44.199, 28.213, 3.291
xyY	0.584, 0.373, 28.213
CIE-LCH	60.081, 90.977, 49.207
CIE-LUV	60.081, 134.805, 49.744
Hunter-Lab	53.116, 55.581, 33.508
Binary	11111101, 01011010, 00000110

#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#06a9fd
```
#06a9fd rgb(6,169,253)
```

Complementary Color

#fd062e
```
#fd062e rgb(253,6,46)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#fdd606
```
#fdd606 rgb(253,214,6)
```

Analogous Color

#062efd
```
#062efd rgb(6,46,253)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#06fdd6
```
#06fdd6 rgb(6,253,214)
```

Split Complementary Color

#5a06fd
```
#5a06fd rgb(90,6,253)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#06fd5a
```
#06fd5a rgb(6,253,90)
```

Triadic Color

#fd06a9
```
#fd06a9 rgb(253,6,169)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#06fd5a
```
#06fd5a rgb(6,253,90)
```
#06a9fd
```
#06a9fd rgb(6,169,253)
```

Tetradic Color

#b53f01
```
#b53f01 rgb(181,63,1)
```
#ce4702
```
#ce4702 rgb(206,71,2)
```
#e85002
```
#e85002 rgb(232,80,2)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#fd6b1f
```
#fd6b1f rgb(253,107,31)
```
#fd7c39
```
#fd7c39 rgb(253,124,57)
```
#fe8c52
```
#fe8c52 rgb(254,140,82)
```

Monochromatic Color

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

#fd1c06
```
#fd1c06 rgb(253,28,6)
```
#fd3106
```
#fd3106 rgb(253,49,6)
```
#fd4506
```
#fd4506 rgb(253,69,6)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#fd6f06
```
#fd6f06 rgb(253,111,6)
```
#fd8306
```
#fd8306 rgb(253,131,6)
```
#fd9806
```
#fd9806 rgb(253,152,6)
```

Similar Colors

Text with hexadecimal color #fd5a06

This text has a font color of #fd5a06.

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

#fd5a06 background color

This paragraph has a background color of #fd5a06.

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

#fd5a06 border color

This element has a border color of #fd5a06.

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

CSS codes

.text {color:#fd5a06;}

.background {background-color:#fd5a06;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#170800
```
#170800 rgb(23,8,0)
```
#2b0f00
```
#2b0f00 rgb(43,15,0)
```
#3e1601
```
#3e1601 rgb(62,22,1)
```
#521c01
```
#521c01 rgb(82,28,1)
```
#652301
```
#652301 rgb(101,35,1)
```
#792a01
```
#792a01 rgb(121,42,1)
```
#8c3001
```
#8c3001 rgb(140,48,1)
```
#a03701
```
#a03701 rgb(160,55,1)
```
#b33e01
```
#b33e01 rgb(179,62,1)
```
#c74502
```
#c74502 rgb(199,69,2)
```
#da4b02
```
#da4b02 rgb(218,75,2)
```
#ed5202
```
#ed5202 rgb(237,82,2)
```

Shade Color Variation

#fd5a06
```
#fd5a06 rgb(253,90,6)
```
#fd6719
```
#fd6719 rgb(253,103,25)
```
#fd742d
```
#fd742d rgb(253,116,45)
```
#fd8140
```
#fd8140 rgb(253,129,64)
```
#fe8e54
```
#fe8e54 rgb(254,142,84)
```
#fe9a67
```
#fe9a67 rgb(254,154,103)
```
#fea77b
```
#fea77b rgb(254,167,123)
```
#feb48e
```
#feb48e rgb(254,180,142)
```
#fec1a2
```
#fec1a2 rgb(254,193,162)
```
#feceb5
```
#feceb5 rgb(254,206,181)
```
#ffdbc9
```
#ffdbc9 rgb(255,219,201)
```
#ffe8dc
```
#ffe8dc rgb(255,232,220)
```
#fff5f0
```
#fff5f0 rgb(255,245,240)
```

Tint Color Variation

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

#897f7a
```
#897f7a rgb(137,127,122)
```
#937c70
```
#937c70 rgb(147,124,112)
```
#9c7967
```
#9c7967 rgb(156,121,103)
```
#a6765d
```
#a6765d rgb(166,118,93)
```
#b07353
```
#b07353 rgb(176,115,83)
```
#b9704a
```
#b9704a rgb(185,112,74)
```
#c36d40
```
#c36d40 rgb(195,109,64)
```
#cd6936
```
#cd6936 rgb(205,105,54)
```
#d6662d
```
#d6662d rgb(214,102,45)
```
#e06323
```
#e06323 rgb(224,99,35)
```
#ea6019
```
#ea6019 rgb(234,96,25)
```
#f35d10
```
#f35d10 rgb(243,93,16)
```
#fd5a06
```
#fd5a06 rgb(253,90,6)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#9a7968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89622 Protanopia 1% of men
#bc8f00 Deuteranopia 1% of men
#fe5c61 Tritanopia 0.001% of the population

Trichromacy

#c78018 Protanomaly 1% of men, 0.01% of women
#d37b02 Deuteranomaly 6% of men, 0.4% of women
#fe5b3f Tritanomaly 0.01% of the population

#fd5a06 hex color

#fd5a06 Color Information

#fd5a06 Color Conversion

Color Schemes with #fd5a06

Alternatives to #fd5a06

#fd5a06 Preview

Shades and Tints of #fd5a06

Tones of #fd5a06

Color Blindness Simulator