#fd5f35 hex color

In a RGB color space, hex #fd5f35 is composed of 99.2% red, 37.3% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.5% magenta, 79.1% yellow and 0.8% black. It has a hue angle of 12.6 degrees, a saturation of 98% and a lightness of 60%. #fd5f35 color hex could be obtained by blending #ffbe6a with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 37
- B 21
RGB color chart
- C 0
- M 62
- Y 79
- K 1
CMYK color chart

● #fd5f35 color description : Bright red.

The hexadecimal color #fd5f35 has RGB values of R:253, G:95, B:53 and CMYK values of C:0, M:0.62, Y:0.79, K:0.01. Its decimal value is 16604981.

Hex triplet	fd5f35	`#fd5f35`
RGB Decimal	253, 95, 53	`rgb(253,95,53)`
RGB Percent	99.2, 37.3, 20.8	`rgb(99.2%,37.3%,20.8%)`
CMYK	0, 62, 79, 1
HSL	12.6°, 98, 60	`hsl(12.6,98%,60%)`
HSV (or HSB)	12.6°, 79.1, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.071, 58.201, 54.132
XYZ	45.245, 29.329, 6.647
xyY	0.557, 0.361, 29.329
CIE-LCH	61.071, 79.484, 42.926
CIE-LUV	61.071, 127.384, 43.058
Hunter-Lab	54.156, 54.354, 30.633
Binary	11111101, 01011111, 00110101

#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#35d3fd
```
#35d3fd rgb(53,211,253)
```

Complementary Color

#fd356f
```
#fd356f rgb(253,53,111)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#fdc335
```
#fdc335 rgb(253,195,53)
```

Analogous Color

#356ffd
```
#356ffd rgb(53,111,253)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#35fdc3
```
#35fdc3 rgb(53,253,195)
```

Split Complementary Color

#5f35fd
```
#5f35fd rgb(95,53,253)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#35fd5f
```
#35fd5f rgb(53,253,95)
```

Triadic Color

#fd35d3
```
#fd35d3 rgb(253,53,211)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#35fd5f
```
#35fd5f rgb(53,253,95)
```
#35d3fd
```
#35d3fd rgb(53,211,253)
```

Tetradic Color

#e33202
```
#e33202 rgb(227,50,2)
```
#fd3702
```
#fd3702 rgb(253,55,2)
```
#fd4b1c
```
#fd4b1c rgb(253,75,28)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#fd734e
```
#fd734e rgb(253,115,78)
```
#fe8768
```
#fe8768 rgb(254,135,104)
```
#fe9b81
```
#fe9b81 rgb(254,155,129)
```

Monochromatic Color

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

#fd353d
```
#fd353d rgb(253,53,61)
```
#fd3e35
```
#fd3e35 rgb(253,62,53)
```
#fd4e35
```
#fd4e35 rgb(253,78,53)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#fd7035
```
#fd7035 rgb(253,112,53)
```
#fd8035
```
#fd8035 rgb(253,128,53)
```
#fd9135
```
#fd9135 rgb(253,145,53)
```

Similar Colors

Text with hexadecimal color #fd5f35

This text has a font color of #fd5f35.

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

#fd5f35 background color

This paragraph has a background color of #fd5f35.

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

#fd5f35 border color

This element has a border color of #fd5f35.

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

CSS codes

.text {color:#fd5f35;}

.background {background-color:#fd5f35;}

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

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

#0c0300
```
#0c0300 rgb(12,3,0)
```
#1f0700
```
#1f0700 rgb(31,7,0)
```
#330b00
```
#330b00 rgb(51,11,0)
```
#460f01
```
#460f01 rgb(70,15,1)
```
#591301
```
#591301 rgb(89,19,1)
```
#6d1801
```
#6d1801 rgb(109,24,1)
```
#801c01
```
#801c01 rgb(128,28,1)
```
#942001
```
#942001 rgb(148,32,1)
```
#a72402
```
#a72402 rgb(167,36,2)
```
#ba2902
```
#ba2902 rgb(186,41,2)
```
#ce2d02
```
#ce2d02 rgb(206,45,2)
```
#e13102
```
#e13102 rgb(225,49,2)
```
#f53502
```
#f53502 rgb(245,53,2)
```

Shade Color Variation

#fd400e
```
#fd400e rgb(253,64,14)
```
#fd5022
```
#fd5022 rgb(253,80,34)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```
#fd6e48
```
#fd6e48 rgb(253,110,72)
```
#fd7e5c
```
#fd7e5c rgb(253,126,92)
```
#fe8d6f
```
#fe8d6f rgb(254,141,111)
```
#fe9d83
```
#fe9d83 rgb(254,157,131)
```
#feac96
```
#feac96 rgb(254,172,150)
```
#febbaa
```
#febbaa rgb(254,187,170)
```
#fecbbd
```
#fecbbd rgb(254,203,189)
```
#ffdad0
```
#ffdad0 rgb(255,218,208)
```
#ffe9e4
```
#ffe9e4 rgb(255,233,228)
```
#fff9f7
```
#fff9f7 rgb(255,249,247)
```

Tint Color Variation

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

#9f9693
```
#9f9693 rgb(159,150,147)
```
#a7918b
```
#a7918b rgb(167,145,139)
```
#af8d83
```
#af8d83 rgb(175,141,131)
```
#b6887c
```
#b6887c rgb(182,136,124)
```
#be8374
```
#be8374 rgb(190,131,116)
```
#c67f6c
```
#c67f6c rgb(198,127,108)
```
#ce7a64
```
#ce7a64 rgb(206,122,100)
```
#d6765c
```
#d6765c rgb(214,118,92)
```
#de7154
```
#de7154 rgb(222,113,84)
```
#e56d4d
```
#e56d4d rgb(229,109,77)
```
#ed6845
```
#ed6845 rgb(237,104,69)
```
#f5643d
```
#f5643d rgb(245,100,61)
```
#fd5f35
```
#fd5f35 rgb(253,95,53)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#a08178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8994d Protanopia 1% of men
#be9131 Deuteranopia 1% of men
#fe6267 Tritanopia 0.001% of the population

Trichromacy

#c78344 Protanomaly 1% of men, 0.01% of women
#d47f33 Deuteranomaly 6% of men, 0.4% of women
#fe6155 Tritanomaly 0.01% of the population

#fd5f35 hex color

#fd5f35 Color Information

#fd5f35 Color Conversion

Color Schemes with #fd5f35

Alternatives to #fd5f35

#fd5f35 Preview

Shades and Tints of #fd5f35

Tones of #fd5f35

Color Blindness Simulator