#ff5f5d hex color

In a RGB color space, hex #ff5f5d is composed of 100% red, 37.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 63.5% yellow and 0% black. It has a hue angle of 0.7 degrees, a saturation of 100% and a lightness of 68.2%. #ff5f5d color hex could be obtained by blending #ffbeba with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 37
- B 36
RGB color chart
- C 0
- M 63
- Y 64
- K 0
CMYK color chart

● #ff5f5d color description : Light red.

The hexadecimal color #ff5f5d has RGB values of R:255, G:95, B:93 and CMYK values of C:0, M:0.63, Y:0.64, K:0. Its decimal value is 16736093.

Hex triplet	ff5f5d	`#ff5f5d`
RGB Decimal	255, 95, 93	`rgb(255,95,93)`
RGB Percent	100, 37.3, 36.5	`rgb(100%,37.3%,36.5%)`
CMYK	0, 63, 64, 0
HSL	0.7°, 100, 68.2	`hsl(0.7,100%,68.2%)`
HSV (or HSB)	0.7°, 63.5, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.86, 60.649, 34.021
XYZ	47.31, 30.24, 13.701
xyY	0.518, 0.331, 30.24
CIE-LCH	61.86, 69.539, 29.29
CIE-LUV	61.86, 121.677, 27.175
Hunter-Lab	54.991, 57.334, 23.721
Binary	11111111, 01011111, 01011101

#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#5dfdff
```
#5dfdff rgb(93,253,255)
```

Complementary Color

#ff5dac
```
#ff5dac rgb(255,93,172)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#ffb05d
```
#ffb05d rgb(255,176,93)
```

Analogous Color

#5dacff
```
#5dacff rgb(93,172,255)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#5dffb0
```
#5dffb0 rgb(93,255,176)
```

Split Complementary Color

#5f5dff
```
#5f5dff rgb(95,93,255)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#5dff5f
```
#5dff5f rgb(93,255,95)
```

Triadic Color

#ff5dfd
```
#ff5dfd rgb(255,93,253)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#5dff5f
```
#5dff5f rgb(93,255,95)
```
#5dfdff
```
#5dfdff rgb(93,253,255)
```

Tetradic Color

#ff1311
```
#ff1311 rgb(255,19,17)
```
#ff2d2a
```
#ff2d2a rgb(255,45,42)
```
#ff4644
```
#ff4644 rgb(255,70,68)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#ff7877
```
#ff7877 rgb(255,120,119)
```
#ff9190
```
#ff9190 rgb(255,145,144)
```
#ffabaa
```
#ffabaa rgb(255,171,170)
```

Monochromatic Color

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

#ff5d84
```
#ff5d84 rgb(255,93,132)
```
#ff5d76
```
#ff5d76 rgb(255,93,118)
```
#ff5d69
```
#ff5d69 rgb(255,93,105)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#ff6d5d
```
#ff6d5d rgb(255,109,93)
```
#ff7a5d
```
#ff7a5d rgb(255,122,93)
```
#ff885d
```
#ff885d rgb(255,136,93)
```

Similar Colors

Text with hexadecimal color #ff5f5d

This text has a font color of #ff5f5d.

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

#ff5f5d background color

This paragraph has a background color of #ff5f5d.

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

#ff5f5d border color

This element has a border color of #ff5f5d.

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

CSS codes

.text {color:#ff5f5d;}

.background {background-color:#ff5f5d;}

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

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

#0f0000
```
#0f0000 rgb(15,0,0)
```
#220000
```
#220000 rgb(34,0,0)
```
#360100
```
#360100 rgb(54,1,0)
```
#490100
```
#490100 rgb(73,1,0)
```
#5d0100
```
#5d0100 rgb(93,1,0)
```
#710100
```
#710100 rgb(113,1,0)
```
#840200
```
#840200 rgb(132,2,0)
```
#980200
```
#980200 rgb(152,2,0)
```
#ab0200
```
#ab0200 rgb(171,2,0)
```
#bf0200
```
#bf0200 rgb(191,2,0)
```
#d30300
```
#d30300 rgb(211,3,0)
```
#e60300
```
#e60300 rgb(230,3,0)
```
#fa0300
```
#fa0300 rgb(250,3,0)
```

Shade Color Variation

#ff120f
```
#ff120f rgb(255,18,15)
```
#ff2522
```
#ff2522 rgb(255,37,34)
```
#ff3836
```
#ff3836 rgb(255,56,54)
```
#ff4c49
```
#ff4c49 rgb(255,76,73)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```
#ff7271
```
#ff7271 rgb(255,114,113)
```
#ff8684
```
#ff8684 rgb(255,134,132)
```
#ff9998
```
#ff9998 rgb(255,153,152)
```
#ffacab
```
#ffacab rgb(255,172,171)
```
#ffc0bf
```
#ffc0bf rgb(255,192,191)
```
#ffd3d3
```
#ffd3d3 rgb(255,211,211)
```
#ffe7e6
```
#ffe7e6 rgb(255,231,230)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#b4a8a8
```
#b4a8a8 rgb(180,168,168)
```
#baa2a2
```
#baa2a2 rgb(186,162,162)
```
#c19c9b
```
#c19c9b rgb(193,156,155)
```
#c79695
```
#c79695 rgb(199,150,149)
```
#cd908f
```
#cd908f rgb(205,144,143)
```
#d38a89
```
#d38a89 rgb(211,138,137)
```
#da8382
```
#da8382 rgb(218,131,130)
```
#e07d7c
```
#e07d7c rgb(224,125,124)
```
#e67776
```
#e67776 rgb(230,119,118)
```
#ec7170
```
#ec7170 rgb(236,113,112)
```
#f36b69
```
#f36b69 rgb(243,107,105)
```
#f96563
```
#f96563 rgb(249,101,99)
```
#ff5f5d
```
#ff5f5d rgb(255,95,93)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a58585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59a78 Protanopia 1% of men
#bb945b Deuteranopia 1% of men
#ff666c Tritanopia 0.001% of the population

Trichromacy

#c5846e Protanomaly 1% of men, 0.01% of women
#d4805b Deuteranomaly 6% of men, 0.4% of women
#ff6366 Tritanomaly 0.01% of the population

#ff5f5d hex color

#ff5f5d Color Information

#ff5f5d Color Conversion

Color Schemes with #ff5f5d

Alternatives to #ff5f5d

#ff5f5d Preview

Shades and Tints of #ff5f5d

Tones of #ff5f5d

Color Blindness Simulator