#ff5961 hex color

In a RGB color space, hex #ff5961 is composed of 100% red, 34.9% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 62% yellow and 0% black. It has a hue angle of 357.1 degrees, a saturation of 100% and a lightness of 67.5%. #ff5961 color hex could be obtained by blending #ffb2c2 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 35
- B 38
RGB color chart
- C 0
- M 65
- Y 62
- K 0
CMYK color chart

● #ff5961 color description : Light red.

The hexadecimal color #ff5961 has RGB values of R:255, G:89, B:97 and CMYK values of C:0, M:0.65, Y:0.62, K:0. Its decimal value is 16734561.

Hex triplet	ff5961	`#ff5961`
RGB Decimal	255, 89, 97	`rgb(255,89,97)`
RGB Percent	100, 34.9, 38	`rgb(100%,34.9%,38%)`
CMYK	0, 65, 62, 0
HSL	357.1°, 100, 67.5	`hsl(357.1,100%,67.5%)`
HSV (or HSB)	357.1°, 65.1, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.022, 63.319, 30.697
XYZ	46.972, 29.273, 14.485
xyY	0.518, 0.323, 29.273
CIE-LCH	61.022, 70.367, 25.864
CIE-LUV	61.022, 124.534, 23.164
Hunter-Lab	54.104, 60.286, 21.999
Binary	11111111, 01011001, 01100001

#ff5961
```
#ff5961 rgb(255,89,97)
```
#59fff7
```
#59fff7 rgb(89,255,247)
```

Complementary Color

#ff59b4
```
#ff59b4 rgb(255,89,180)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#ffa459
```
#ffa459 rgb(255,164,89)
```

Analogous Color

#59b4ff
```
#59b4ff rgb(89,180,255)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#59ffa4
```
#59ffa4 rgb(89,255,164)
```

Split Complementary Color

#5961ff
```
#5961ff rgb(89,97,255)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#61ff59
```
#61ff59 rgb(97,255,89)
```

Triadic Color

#f759ff
```
#f759ff rgb(247,89,255)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#61ff59
```
#61ff59 rgb(97,255,89)
```
#59fff7
```
#59fff7 rgb(89,255,247)
```

Tetradic Color

#ff0d18
```
#ff0d18 rgb(255,13,24)
```
#ff2630
```
#ff2630 rgb(255,38,48)
```
#ff4049
```
#ff4049 rgb(255,64,73)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#ff7379
```
#ff7379 rgb(255,115,121)
```
#ff8c92
```
#ff8c92 rgb(255,140,146)
```
#ffa6aa
```
#ffa6aa rgb(255,166,170)
```

Monochromatic Color

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

#ff598b
```
#ff598b rgb(255,89,139)
```
#ff597d
```
#ff597d rgb(255,89,125)
```
#ff596f
```
#ff596f rgb(255,89,111)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#ff5f59
```
#ff5f59 rgb(255,95,89)
```
#ff6d59
```
#ff6d59 rgb(255,109,89)
```
#ff7b59
```
#ff7b59 rgb(255,123,89)
```

Similar Colors

Text with hexadecimal color #ff5961

This text has a font color of #ff5961.

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

#ff5961 background color

This paragraph has a background color of #ff5961.

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

#ff5961 border color

This element has a border color of #ff5961.

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

CSS codes

.text {color:#ff5961;}

.background {background-color:#ff5961;}

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

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

#0b0001
```
#0b0001 rgb(11,0,1)
```
#1e0001
```
#1e0001 rgb(30,0,1)
```
#320002
```
#320002 rgb(50,0,2)
```
#450003
```
#450003 rgb(69,0,3)
```
#590004
```
#590004 rgb(89,0,4)
```
#6d0005
```
#6d0005 rgb(109,0,5)
```
#800006
```
#800006 rgb(128,0,6)
```
#940007
```
#940007 rgb(148,0,7)
```
#a70008
```
#a70008 rgb(167,0,8)
```
#bb0009
```
#bb0009 rgb(187,0,9)
```
#cf000a
```
#cf000a rgb(207,0,10)
```
#e2000b
```
#e2000b rgb(226,0,11)
```
#f6000c
```
#f6000c rgb(246,0,12)
```

Shade Color Variation

#ff0b16
```
#ff0b16 rgb(255,11,22)
```
#ff1e29
```
#ff1e29 rgb(255,30,41)
```
#ff323c
```
#ff323c rgb(255,50,60)
```
#ff454e
```
#ff454e rgb(255,69,78)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#ff6d74
```
#ff6d74 rgb(255,109,116)
```
#ff8086
```
#ff8086 rgb(255,128,134)
```
#ff9499
```
#ff9499 rgb(255,148,153)
```
#ffa7ac
```
#ffa7ac rgb(255,167,172)
```
#ffbbbe
```
#ffbbbe rgb(255,187,190)
```
#ffcfd1
```
#ffcfd1 rgb(255,207,209)
```
#ffe2e4
```
#ffe2e4 rgb(255,226,228)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#b2a6a6
```
#b2a6a6 rgb(178,166,166)
```
#b99fa0
```
#b99fa0 rgb(185,159,160)
```
#bf999b
```
#bf999b rgb(191,153,155)
```
#c69295
```
#c69295 rgb(198,146,149)
```
#cc8c8f
```
#cc8c8f rgb(204,140,143)
```
#d28689
```
#d28689 rgb(210,134,137)
```
#d97f84
```
#d97f84 rgb(217,127,132)
```
#df797e
```
#df797e rgb(223,121,126)
```
#e57378
```
#e57378 rgb(229,115,120)
```
#ec6c72
```
#ec6c72 rgb(236,108,114)
```
#f2666d
```
#f2666d rgb(242,102,109)
```
#f95f67
```
#f95f67 rgb(249,95,103)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a38283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1987e Protanopia 1% of men
#b8925e Deuteranopia 1% of men
#fe6167 Tritanopia 0.001% of the population

Trichromacy

#c38173 Protanomaly 1% of men, 0.01% of women
#d17d5f Deuteranomaly 6% of men, 0.4% of women
#fe5e64 Tritanomaly 0.01% of the population

#ff5961 hex color

#ff5961 Color Information

#ff5961 Color Conversion

Color Schemes with #ff5961

Alternatives to #ff5961

#ff5961 Preview

Shades and Tints of #ff5961

Tones of #ff5961

Color Blindness Simulator