#ff2f48 hex color

In a RGB color space, hex #ff2f48 is composed of 100% red, 18.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.6% magenta, 71.8% yellow and 0% black. It has a hue angle of 352.8 degrees, a saturation of 100% and a lightness of 59.2%. #ff2f48 color hex could be obtained by blending #ff5e90 with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 18
- B 28
RGB color chart
- C 0
- M 82
- Y 72
- K 0
CMYK color chart

● #ff2f48 color description : Vivid red.

The hexadecimal color #ff2f48 has RGB values of R:255, G:47, B:72 and CMYK values of C:0, M:0.82, Y:0.72, K:0. Its decimal value is 16723784.

Hex triplet	ff2f48	`#ff2f48`
RGB Decimal	255, 47, 72	`rgb(255,47,72)`
RGB Percent	100, 18.4, 28.2	`rgb(100%,18.4%,28.2%)`
CMYK	0, 82, 72, 0
HSL	352.8°, 100, 59.2	`hsl(352.8,100%,59.2%)`
HSV (or HSB)	352.8°, 81.6, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.853, 75.396, 38.639
XYZ	43.428, 23.766, 8.431
xyY	0.574, 0.314, 23.766
CIE-LCH	55.853, 84.72, 27.134
CIE-LUV	55.853, 152.979, 25.191
Hunter-Lab	48.751, 73.699, 23.872
Binary	11111111, 00101111, 01001000

#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#2fffe6
```
#2fffe6 rgb(47,255,230)
```

Complementary Color

#ff2fb0
```
#ff2fb0 rgb(255,47,176)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#ff7e2f
```
#ff7e2f rgb(255,126,47)
```

Analogous Color

#2fb0ff
```
#2fb0ff rgb(47,176,255)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#2fff7e
```
#2fff7e rgb(47,255,126)
```

Split Complementary Color

#2f48ff
```
#2f48ff rgb(47,72,255)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#48ff2f
```
#48ff2f rgb(72,255,47)
```

Triadic Color

#e62fff
```
#e62fff rgb(230,47,255)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#48ff2f
```
#48ff2f rgb(72,255,47)
```
#2fffe6
```
#2fffe6 rgb(47,255,230)
```

Tetradic Color

#e2001b
```
#e2001b rgb(226,0,27)
```
#fb001e
```
#fb001e rgb(251,0,30)
```
#ff1632
```
#ff1632 rgb(255,22,50)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#ff495e
```
#ff495e rgb(255,73,94)
```
#ff6275
```
#ff6275 rgb(255,98,117)
```
#ff7c8b
```
#ff7c8b rgb(255,124,139)
```

Monochromatic Color

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

#ff2f7c
```
#ff2f7c rgb(255,47,124)
```
#ff2f6b
```
#ff2f6b rgb(255,47,107)
```
#ff2f59
```
#ff2f59 rgb(255,47,89)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#ff2f37
```
#ff2f37 rgb(255,47,55)
```
#ff392f
```
#ff392f rgb(255,57,47)
```
#ff4a2f
```
#ff4a2f rgb(255,74,47)
```

Similar Colors

Text with hexadecimal color #ff2f48

This text has a font color of #ff2f48.

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

#ff2f48 background color

This paragraph has a background color of #ff2f48.

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

#ff2f48 border color

This element has a border color of #ff2f48.

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

CSS codes

.text {color:#ff2f48;}

.background {background-color:#ff2f48;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1b0003
```
#1b0003 rgb(27,0,3)
```
#2f0006
```
#2f0006 rgb(47,0,6)
```
#430008
```
#430008 rgb(67,0,8)
```
#56000a
```
#56000a rgb(86,0,10)
```
#6a000d
```
#6a000d rgb(106,0,13)
```
#7d000f
```
#7d000f rgb(125,0,15)
```
#910011
```
#910011 rgb(145,0,17)
```
#a50014
```
#a50014 rgb(165,0,20)
```
#b80016
```
#b80016 rgb(184,0,22)
```
#cc0019
```
#cc0019 rgb(204,0,25)
```
#e0001b
```
#e0001b rgb(224,0,27)
```
#f3001d
```
#f3001d rgb(243,0,29)
```

Shade Color Variation

#ff0825
```
#ff0825 rgb(255,8,37)
```
#ff1b37
```
#ff1b37 rgb(255,27,55)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#ff4359
```
#ff4359 rgb(255,67,89)
```
#ff566b
```
#ff566b rgb(255,86,107)
```
#ff6a7c
```
#ff6a7c rgb(255,106,124)
```
#ff7d8d
```
#ff7d8d rgb(255,125,141)
```
#ff919e
```
#ff919e rgb(255,145,158)
```
#ffa5b0
```
#ffa5b0 rgb(255,165,176)
```
#ffb8c1
```
#ffb8c1 rgb(255,184,193)
```
#ffccd2
```
#ffccd2 rgb(255,204,210)
```
#ffe0e3
```
#ffe0e3 rgb(255,224,227)
```
#fff3f5
```
#fff3f5 rgb(255,243,245)
```

Tint Color Variation

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

#9f8f91
```
#9f8f91 rgb(159,143,145)
```
#a7878b
```
#a7878b rgb(167,135,139)
```
#af7f85
```
#af7f85 rgb(175,127,133)
```
#b7777f
```
#b7777f rgb(183,119,127)
```
#bf6f79
```
#bf6f79 rgb(191,111,121)
```
#c76773
```
#c76773 rgb(199,103,115)
```
#cf5f6c
```
#cf5f6c rgb(207,95,108)
```
#d75766
```
#d75766 rgb(215,87,102)
```
#df4f60
```
#df4f60 rgb(223,79,96)
```
#e7475a
```
#e7475a rgb(231,71,90)
```
#ef3f54
```
#ef3f54 rgb(239,63,84)
```
#f7374e
```
#f7374e rgb(247,55,78)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8d6368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958b6a Protanopia 1% of men
#ab8543 Deuteranopia 1% of men
#fe3d3e Tritanopia 0.001% of the population

Trichromacy

#bc6a5e Protanomaly 1% of men, 0.01% of women
#ca6644 Deuteranomaly 6% of men, 0.4% of women
#fe3841 Tritanomaly 0.01% of the population

#ff2f48 hex color

#ff2f48 Color Information

#ff2f48 Color Conversion

Color Schemes with #ff2f48

Alternatives to #ff2f48

#ff2f48 Preview

Shades and Tints of #ff2f48

Tones of #ff2f48

Color Blindness Simulator