colorhexa.com

#fd5a59 hex color

In a RGB color space, hex #fd5a59 is composed of 99.2% red, 35.3% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.4% magenta, 64.8% yellow and 0.8% black. It has a hue angle of 0.4 degrees, a saturation of 97.6% and a lightness of 67.1%. #fd5a59 color hex could be obtained by blending #ffb4b2 with #fb0000. Closest websafe color is: #ff6666.

- R 99
- G 35
- B 35
RGB color chart
- C 0
- M 64
- Y 65
- K 1
CMYK color chart

● #fd5a59 color description : Soft red.

The hexadecimal color #fd5a59 has RGB values of R:253, G:90, B:89 and CMYK values of C:0, M:0.64, Y:0.65, K:0.01. Its decimal value is 16603737.

Hex triplet	fd5a59	`#fd5a59`
RGB Decimal	253, 90, 89	`rgb(253,90,89)`
RGB Percent	99.2, 35.3, 34.9	`rgb(99.2%,35.3%,34.9%)`
CMYK	0, 64, 65, 1
HSL	0.4°, 97.6, 67.1	`hsl(0.4,97.6%,67.1%)`
HSV (or HSB)	0.4°, 64.8, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.712, 61.82, 34.769
XYZ	45.969, 28.921, 12.612
xyY	0.525, 0.331, 28.921
CIE-LCH	60.712, 70.927, 29.354
CIE-LUV	60.712, 124.223, 27.245
Hunter-Lab	53.778, 58.467, 23.74
Binary	11111101, 01011010, 01011001

#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#59fcfd
```
#59fcfd rgb(89,252,253)
```

Complementary Color

#fd59aa
```
#fd59aa rgb(253,89,170)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#fdac59
```
#fdac59 rgb(253,172,89)
```

Analogous Color

#59aafd
```
#59aafd rgb(89,170,253)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#59fdac
```
#59fdac rgb(89,253,172)
```

Split Complementary Color

#5a59fd
```
#5a59fd rgb(90,89,253)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#59fd5a
```
#59fd5a rgb(89,253,90)
```

Triadic Color

#fd59fc
```
#fd59fc rgb(253,89,252)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#59fd5a
```
#59fd5a rgb(89,253,90)
```
#59fcfd
```
#59fcfd rgb(89,252,253)
```

Tetradic Color

#fc0f0d
```
#fc0f0d rgb(252,15,13)
```
#fc2827
```
#fc2827 rgb(252,40,39)
```
#fd4140
```
#fd4140 rgb(253,65,64)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#fd7372
```
#fd7372 rgb(253,115,114)
```
#fe8c8b
```
#fe8c8b rgb(254,140,139)
```
#fea5a5
```
#fea5a5 rgb(254,165,165)
```

Monochromatic Color

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

#fd5981
```
#fd5981 rgb(253,89,129)
```
#fd5973
```
#fd5973 rgb(253,89,115)
```
#fd5966
```
#fd5966 rgb(253,89,102)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#fd6859
```
#fd6859 rgb(253,104,89)
```
#fd7559
```
#fd7559 rgb(253,117,89)
```
#fd8359
```
#fd8359 rgb(253,131,89)
```

Similar Colors

Text with hexadecimal color #fd5a59

This text has a font color of #fd5a59.

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

#fd5a59 background color

This paragraph has a background color of #fd5a59.

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

#fd5a59 border color

This element has a border color of #fd5a59.

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

CSS codes

.text {color:#fd5a59;}

.background {background-color:#fd5a59;}

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

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

#080000
```
#080000 rgb(8,0,0)
```
#1c0100
```
#1c0100 rgb(28,1,0)
```
#2f0101
```
#2f0101 rgb(47,1,1)
```
#430101
```
#430101 rgb(67,1,1)
```
#560201
```
#560201 rgb(86,2,1)
```
#690201
```
#690201 rgb(105,2,1)
```
#7d0202
```
#7d0202 rgb(125,2,2)
```
#900302
```
#900302 rgb(144,3,2)
```
#a30302
```
#a30302 rgb(163,3,2)
```
#b70302
```
#b70302 rgb(183,3,2)
```
#ca0402
```
#ca0402 rgb(202,4,2)
```
#de0403
```
#de0403 rgb(222,4,3)
```
#f10403
```
#f10403 rgb(241,4,3)
```

Shade Color Variation

#fc0d0b
```
#fc0d0b rgb(252,13,11)
```
#fc201f
```
#fc201f rgb(252,32,31)
```
#fd3332
```
#fd3332 rgb(253,51,50)
```
#fd4746
```
#fd4746 rgb(253,71,70)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```
#fd6d6c
```
#fd6d6c rgb(253,109,108)
```
#fd8180
```
#fd8180 rgb(253,129,128)
```
#fe9493
```
#fe9493 rgb(254,148,147)
```
#fea7a7
```
#fea7a7 rgb(254,167,167)
```
#febaba
```
#febaba rgb(254,186,186)
```
#fececd
```
#fececd rgb(254,206,205)
```
#ffe1e1
```
#ffe1e1 rgb(255,225,225)
```
#fff4f4
```
#fff4f4 rgb(255,244,244)
```

Tint Color Variation

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

#afa7a7
```
#afa7a7 rgb(175,167,167)
```
#b6a0a0
```
#b6a0a0 rgb(182,160,160)
```
#bc9a9a
```
#bc9a9a rgb(188,154,154)
```
#c39393
```
#c39393 rgb(195,147,147)
```
#c98d8d
```
#c98d8d rgb(201,141,141)
```
#d08786
```
#d08786 rgb(208,135,134)
```
#d68080
```
#d68080 rgb(214,128,128)
```
#dd7a79
```
#dd7a79 rgb(221,122,121)
```
#e37473
```
#e37473 rgb(227,116,115)
```
#ea6d6c
```
#ea6d6c rgb(234,109,108)
```
#f06766
```
#f06766 rgb(240,103,102)
```
#f7605f
```
#f7605f rgb(247,96,95)
```
#fd5a59
```
#fd5a59 rgb(253,90,89)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a28181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29774 Protanopia 1% of men
#b89157 Deuteranopia 1% of men
#fd6166 Tritanopia 0.001% of the population

Trichromacy

#c3816a Protanomaly 1% of men, 0.01% of women
#d17d57 Deuteranomaly 6% of men, 0.4% of women
#fd5e61 Tritanomaly 0.01% of the population