#f33960 hex color

In a RGB color space, hex #f33960 is composed of 95.3% red, 22.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.5% magenta, 60.5% yellow and 4.7% black. It has a hue angle of 347.4 degrees, a saturation of 88.6% and a lightness of 58.8%. #f33960 color hex could be obtained by blending #ff72c0 with #e70000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 95
- G 22
- B 38
RGB color chart
- C 0
- M 77
- Y 60
- K 5
CMYK color chart

● #f33960 color description : Bright red.

The hexadecimal color #f33960 has RGB values of R:243, G:57, B:96 and CMYK values of C:0, M:0.77, Y:0.6, K:0.05. Its decimal value is 15939936.

Hex triplet	f33960	`#f33960`
RGB Decimal	243, 57, 96	`rgb(243,57,96)`
RGB Percent	95.3, 22.4, 37.6	`rgb(95.3%,22.4%,37.6%)`
CMYK	0, 77, 60, 5
HSL	347.4°, 88.6, 58.8	`hsl(347.4,88.6%,58.8%)`
HSV (or HSB)	347.4°, 76.5, 95.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.897, 70.777, 22.908
XYZ	40.538, 22.83, 13.338
xyY	0.528, 0.298, 22.83
CIE-LCH	54.897, 74.392, 17.935
CIE-LUV	54.897, 132.382, 12.423
Hunter-Lab	47.781, 67.826, 16.896
Binary	11110011, 00111001, 01100000

#f33960
```
#f33960 rgb(243,57,96)
```
#39f3cc
```
#39f3cc rgb(57,243,204)
```

Complementary Color

#f339bd
```
#f339bd rgb(243,57,189)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#f36f39
```
#f36f39 rgb(243,111,57)
```

Analogous Color

#39bdf3
```
#39bdf3 rgb(57,189,243)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#39f36f
```
#39f36f rgb(57,243,111)
```

Split Complementary Color

#3960f3
```
#3960f3 rgb(57,96,243)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#60f339
```
#60f339 rgb(96,243,57)
```

Triadic Color

#cc39f3
```
#cc39f3 rgb(204,57,243)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#60f339
```
#60f339 rgb(96,243,57)
```
#39f3cc
```
#39f3cc rgb(57,243,204)
```

Tetradic Color

#d30d36
```
#d30d36 rgb(211,13,54)
```
#eb0e3c
```
#eb0e3c rgb(235,14,60)
```
#f2214d
```
#f2214d rgb(242,33,77)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#f45173
```
#f45173 rgb(244,81,115)
```
#f66987
```
#f66987 rgb(246,105,135)
```
#f7819a
```
#f7819a rgb(247,129,154)
```

Monochromatic Color

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

#f3398f
```
#f3398f rgb(243,57,143)
```
#f3397f
```
#f3397f rgb(243,57,127)
```
#f33970
```
#f33970 rgb(243,57,112)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#f33951
```
#f33951 rgb(243,57,81)
```
#f33941
```
#f33941 rgb(243,57,65)
```
#f34039
```
#f34039 rgb(243,64,57)
```

Similar Colors

Text with hexadecimal color #f33960

This text has a font color of #f33960.

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

#f33960 background color

This paragraph has a background color of #f33960.

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

#f33960 border color

This element has a border color of #f33960.

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

CSS codes

.text {color:#f33960;}

.background {background-color:#f33960;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180106
```
#180106 rgb(24,1,6)
```
#2a030b
```
#2a030b rgb(42,3,11)
```
#3d0410
```
#3d0410 rgb(61,4,16)
```
#4f0514
```
#4f0514 rgb(79,5,20)
```
#620619
```
#620619 rgb(98,6,25)
```
#74071e
```
#74071e rgb(116,7,30)
```
#870823
```
#870823 rgb(135,8,35)
```
#990928
```
#990928 rgb(153,9,40)
```
#ac0a2c
```
#ac0a2c rgb(172,10,44)
```
#be0c31
```
#be0c31 rgb(190,12,49)
```
#d10d36
```
#d10d36 rgb(209,13,54)
```
#e30e3b
```
#e30e3b rgb(227,14,59)
```

Shade Color Variation

#f11442
```
#f11442 rgb(241,20,66)
```
#f22751
```
#f22751 rgb(242,39,81)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#f44b6f
```
#f44b6f rgb(244,75,111)
```
#f55e7e
```
#f55e7e rgb(245,94,126)
```
#f6708d
```
#f6708d rgb(246,112,141)
```
#f7839b
```
#f7839b rgb(247,131,155)
```
#f995aa
```
#f995aa rgb(249,149,170)
```
#faa8b9
```
#faa8b9 rgb(250,168,185)
```
#fbbac8
```
#fbbac8 rgb(251,186,200)
```
#fccdd7
```
#fccdd7 rgb(252,205,215)
```
#fddfe6
```
#fddfe6 rgb(253,223,230)
```
#fef2f5
```
#fef2f5 rgb(254,242,245)
```

Tint Color Variation

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

#9a9294
```
#9a9294 rgb(154,146,148)
```
#a28a8f
```
#a28a8f rgb(162,138,143)
```
#aa828a
```
#aa828a rgb(170,130,138)
```
#b27a86
```
#b27a86 rgb(178,122,134)
```
#ba7281
```
#ba7281 rgb(186,114,129)
```
#c3697c
```
#c3697c rgb(195,105,124)
```
#cb6177
```
#cb6177 rgb(203,97,119)
```
#d35973
```
#d35973 rgb(211,89,115)
```
#db516e
```
#db516e rgb(219,81,110)
```
#e34969
```
#e34969 rgb(227,73,105)
```
#eb4165
```
#eb4165 rgb(235,65,101)
```
#f33960
```
#f33960 rgb(243,57,96)
```
#fb315b
```
#fb315b rgb(251,49,91)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8e6971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8983 Protanopia 1% of men
#a4845c Deuteranopia 1% of men
#f2494c Tritanopia 0.001% of the population

Trichromacy

#b26c76 Protanomaly 1% of men, 0.01% of women
#c1685d Deuteranomaly 6% of men, 0.4% of women
#f24353 Tritanomaly 0.01% of the population

#f33960 hex color

#f33960 Color Information

#f33960 Color Conversion

Color Schemes with #f33960

Alternatives to #f33960

#f33960 Preview

Shades and Tints of #f33960

Tones of #f33960

Color Blindness Simulator