#ff2f45 hex color

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

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

● #ff2f45 color description : Vivid red.

The hexadecimal color #ff2f45 has RGB values of R:255, G:47, B:69 and CMYK values of C:0, M:0.82, Y:0.73, K:0. Its decimal value is 16723781.

Hex triplet	ff2f45	`#ff2f45`
RGB Decimal	255, 47, 69	`rgb(255,47,69)`
RGB Percent	100, 18.4, 27.1	`rgb(100%,18.4%,27.1%)`
CMYK	0, 82, 73, 0
HSL	353.7°, 100, 59.2	`hsl(353.7,100%,59.2%)`
HSV (or HSB)	353.7°, 81.6, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.815, 75.279, 40.302
XYZ	43.333, 23.728, 7.928
xyY	0.578, 0.316, 23.728
CIE-LCH	55.815, 85.389, 28.163
CIE-LUV	55.815, 153.744, 26.462
Hunter-Lab	48.711, 73.545, 24.448
Binary	11111111, 00101111, 01000101

#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#2fffe9
```
#2fffe9 rgb(47,255,233)
```

Complementary Color

#ff2fad
```
#ff2fad rgb(255,47,173)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#ff812f
```
#ff812f rgb(255,129,47)
```

Analogous Color

#2fadff
```
#2fadff rgb(47,173,255)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#2fff81
```
#2fff81 rgb(47,255,129)
```

Split Complementary Color

#2f45ff
```
#2f45ff rgb(47,69,255)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#45ff2f
```
#45ff2f rgb(69,255,47)
```

Triadic Color

#e92fff
```
#e92fff rgb(233,47,255)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#45ff2f
```
#45ff2f rgb(69,255,47)
```
#2fffe9
```
#2fffe9 rgb(47,255,233)
```

Tetradic Color

#e20018
```
#e20018 rgb(226,0,24)
```
#fb001b
```
#fb001b rgb(251,0,27)
```
#ff162e
```
#ff162e rgb(255,22,46)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#ff495c
```
#ff495c rgb(255,73,92)
```
#ff6273
```
#ff6273 rgb(255,98,115)
```
#ff7c89
```
#ff7c89 rgb(255,124,137)
```

Monochromatic Color

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

#ff2f79
```
#ff2f79 rgb(255,47,121)
```
#ff2f68
```
#ff2f68 rgb(255,47,104)
```
#ff2f56
```
#ff2f56 rgb(255,47,86)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#ff2f34
```
#ff2f34 rgb(255,47,52)
```
#ff3c2f
```
#ff3c2f rgb(255,60,47)
```
#ff4d2f
```
#ff4d2f rgb(255,77,47)
```

Similar Colors

Text with hexadecimal color #ff2f45

This text has a font color of #ff2f45.

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

#ff2f45 background color

This paragraph has a background color of #ff2f45.

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

#ff2f45 border color

This element has a border color of #ff2f45.

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

CSS codes

.text {color:#ff2f45;}

.background {background-color:#ff2f45;}

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

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 #fff3f4 is the lightest one.

#080001
```
#080001 rgb(8,0,1)
```
#1b0003
```
#1b0003 rgb(27,0,3)
```
#2f0005
```
#2f0005 rgb(47,0,5)
```
#430007
```
#430007 rgb(67,0,7)
```
#560009
```
#560009 rgb(86,0,9)
```
#6a000b
```
#6a000b rgb(106,0,11)
```
#7d000d
```
#7d000d rgb(125,0,13)
```
#91000f
```
#91000f rgb(145,0,15)
```
#a50011
```
#a50011 rgb(165,0,17)
```
#b80013
```
#b80013 rgb(184,0,19)
```
#cc0016
```
#cc0016 rgb(204,0,22)
```
#e00018
```
#e00018 rgb(224,0,24)
```
#f3001a
```
#f3001a rgb(243,0,26)
```

Shade Color Variation

#ff0822
```
#ff0822 rgb(255,8,34)
```
#ff1b33
```
#ff1b33 rgb(255,27,51)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```
#ff4357
```
#ff4357 rgb(255,67,87)
```
#ff5668
```
#ff5668 rgb(255,86,104)
```
#ff6a7a
```
#ff6a7a rgb(255,106,122)
```
#ff7d8b
```
#ff7d8b rgb(255,125,139)
```
#ff919d
```
#ff919d rgb(255,145,157)
```
#ffa5ae
```
#ffa5ae rgb(255,165,174)
```
#ffb8c0
```
#ffb8c0 rgb(255,184,192)
```
#ffccd1
```
#ffccd1 rgb(255,204,209)
```
#ffe0e3
```
#ffe0e3 rgb(255,224,227)
```
#fff3f4
```
#fff3f4 rgb(255,243,244)
```

Tint Color Variation

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

#9f8f91
```
#9f8f91 rgb(159,143,145)
```
#a7878a
```
#a7878a rgb(167,135,138)
```
#af7f84
```
#af7f84 rgb(175,127,132)
```
#b7777e
```
#b7777e rgb(183,119,126)
```
#bf6f77
```
#bf6f77 rgb(191,111,119)
```
#c76771
```
#c76771 rgb(199,103,113)
```
#cf5f6b
```
#cf5f6b rgb(207,95,107)
```
#d75765
```
#d75765 rgb(215,87,101)
```
#df4f5e
```
#df4f5e rgb(223,79,94)
```
#e74758
```
#e74758 rgb(231,71,88)
```
#ef3f52
```
#ef3f52 rgb(239,63,82)
```
#f7374b
```
#f7374b rgb(247,55,75)
```
#ff2f45
```
#ff2f45 rgb(255,47,69)
```

Tone Color Variation

Below, you can see how #ff2f45 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
#8d6367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968b67 Protanopia 1% of men
#ac8540 Deuteranopia 1% of men
#fe3d3d Tritanopia 0.001% of the population

Trichromacy

#bc6a5a Protanomaly 1% of men, 0.01% of women
#ca6641 Deuteranomaly 6% of men, 0.4% of women
#fe3740 Tritanomaly 0.01% of the population

#ff2f45 hex color

#ff2f45 Color Information

#ff2f45 Color Conversion

Color Schemes with #ff2f45

Alternatives to #ff2f45

#ff2f45 Preview

Shades and Tints of #ff2f45

Tones of #ff2f45

Color Blindness Simulator