#f01523 hex color

In a RGB color space, hex #f01523 is composed of 94.1% red, 8.2% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.3% magenta, 85.4% yellow and 5.9% black. It has a hue angle of 356.2 degrees, a saturation of 88% and a lightness of 51.2%. #f01523 color hex could be obtained by blending #ff2a46 with #e10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 94
- G 8
- B 14
RGB color chart
- C 0
- M 91
- Y 85
- K 6
CMYK color chart

● #f01523 color description : Vivid red.

The hexadecimal color #f01523 has RGB values of R:240, G:21, B:35 and CMYK values of C:0, M:0.91, Y:0.85, K:0.06. Its decimal value is 15734051.

Hex triplet	f01523	`#f01523`
RGB Decimal	240, 21, 35	`rgb(240,21,35)`
RGB Percent	94.1, 8.2, 13.7	`rgb(94.1%,8.2%,13.7%)`
CMYK	0, 91, 85, 6
HSL	356.2°, 88, 51.2	`hsl(356.2,88%,51.2%)`
HSV (or HSB)	356.2°, 91.3, 94.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.906, 75.071, 52.553
XYZ	36.509, 19.188, 3.371
xyY	0.618, 0.325, 19.188
CIE-LCH	50.906, 91.637, 34.994
CIE-LUV	50.906, 158.044, 31.779
Hunter-Lab	43.804, 72.116, 26.099
Binary	11110000, 00010101, 00100011

#f01523
```
#f01523 rgb(240,21,35)
```
#15f0e2
```
#15f0e2 rgb(21,240,226)
```

Complementary Color

#f01591
```
#f01591 rgb(240,21,145)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#f07515
```
#f07515 rgb(240,117,21)
```

Analogous Color

#1591f0
```
#1591f0 rgb(21,145,240)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#15f075
```
#15f075 rgb(21,240,117)
```

Split Complementary Color

#1523f0
```
#1523f0 rgb(21,35,240)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#23f015
```
#23f015 rgb(35,240,21)
```

Triadic Color

#e215f0
```
#e215f0 rgb(226,21,240)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#23f015
```
#23f015 rgb(35,240,21)
```
#15f0e2
```
#15f0e2 rgb(21,240,226)
```

Tetradic Color

#ad0b15
```
#ad0b15 rgb(173,11,21)
```
#c50d18
```
#c50d18 rgb(197,13,24)
```
#dd0e1b
```
#dd0e1b rgb(221,14,27)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#f22d3a
```
#f22d3a rgb(242,45,58)
```
#f34550
```
#f34550 rgb(243,69,80)
```
#f55d67
```
#f55d67 rgb(245,93,103)
```

Monochromatic Color

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

#f0155a
```
#f0155a rgb(240,21,90)
```
#f01548
```
#f01548 rgb(240,21,72)
```
#f01535
```
#f01535 rgb(240,21,53)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#f01915
```
#f01915 rgb(240,25,21)
```
#f02c15
```
#f02c15 rgb(240,44,21)
```
#f03e15
```
#f03e15 rgb(240,62,21)
```

Similar Colors

Text with hexadecimal color #f01523

This text has a font color of #f01523.

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

#f01523 background color

This paragraph has a background color of #f01523.

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

#f01523 border color

This element has a border color of #f01523.

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

CSS codes

.text {color:#f01523;}

.background {background-color:#f01523;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#180203
```
#180203 rgb(24,2,3)
```
#2b0305
```
#2b0305 rgb(43,3,5)
```
#3d0408
```
#3d0408 rgb(61,4,8)
```
#4f050a
```
#4f050a rgb(79,5,10)
```
#62060c
```
#62060c rgb(98,6,12)
```
#74070e
```
#74070e rgb(116,7,14)
```
#870911
```
#870911 rgb(135,9,17)
```
#990a13
```
#990a13 rgb(153,10,19)
```
#ac0b15
```
#ac0b15 rgb(172,11,21)
```
#be0c18
```
#be0c18 rgb(190,12,24)
```
#d00d1a
```
#d00d1a rgb(208,13,26)
```
#e30f1c
```
#e30f1c rgb(227,15,28)
```

Shade Color Variation

#f01523
```
#f01523 rgb(240,21,35)
```
#f12734
```
#f12734 rgb(241,39,52)
```
#f23a46
```
#f23a46 rgb(242,58,70)
```
#f44c57
```
#f44c57 rgb(244,76,87)
```
#f55f68
```
#f55f68 rgb(245,95,104)
```
#f6717a
```
#f6717a rgb(246,113,122)
```
#f7848b
```
#f7848b rgb(247,132,139)
```
#f8969c
```
#f8969c rgb(248,150,156)
```
#f9a8ae
```
#f9a8ae rgb(249,168,174)
```
#fbbbbf
```
#fbbbbf rgb(251,187,191)
```
#fccdd0
```
#fccdd0 rgb(252,205,208)
```
#fde0e2
```
#fde0e2 rgb(253,224,226)
```
#fef2f3
```
#fef2f3 rgb(254,242,243)
```

Tint Color Variation

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

#877e7f
```
#877e7f rgb(135,126,127)
```
#907577
```
#907577 rgb(144,117,119)
```
#9a6b6e
```
#9a6b6e rgb(154,107,110)
```
#a36266
```
#a36266 rgb(163,98,102)
```
#ad585d
```
#ad585d rgb(173,88,93)
```
#b74e55
```
#b74e55 rgb(183,78,85)
```
#c0454d
```
#c0454d rgb(192,69,77)
```
#ca3b44
```
#ca3b44 rgb(202,59,68)
```
#d3323c
```
#d3323c rgb(211,50,60)
```
#dd2834
```
#dd2834 rgb(221,40,52)
```
#e61f2b
```
#e61f2b rgb(230,31,43)
```
#f01523
```
#f01523 rgb(240,21,35)
```
#fa0b1b
```
#fa0b1b rgb(250,11,27)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#764b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8042 Protanopia 1% of men
#a07a11 Deuteranopia 1% of men
#f0241e Tritanopia 0.001% of the population

Trichromacy

#b15937 Protanomaly 1% of men, 0.01% of women
#bd5517 Deuteranomaly 6% of men, 0.4% of women
#f01e20 Tritanomaly 0.01% of the population

#f01523 hex color

#f01523 Color Information

#f01523 Color Conversion

Color Schemes with #f01523

Alternatives to #f01523

#f01523 Preview

Shades and Tints of #f01523

Tones of #f01523

Color Blindness Simulator