#ff2957 hex color

In a RGB color space, hex #ff2957 is composed of 100% red, 16.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.9% magenta, 65.9% yellow and 0% black. It has a hue angle of 347.1 degrees, a saturation of 100% and a lightness of 58%. #ff2957 color hex could be obtained by blending #ff52ae with #ff0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 100
- G 16
- B 34
RGB color chart
- C 0
- M 84
- Y 66
- K 0
CMYK color chart

● #ff2957 color description : Vivid red.

The hexadecimal color #ff2957 has RGB values of R:255, G:41, B:87 and CMYK values of C:0, M:0.84, Y:0.66, K:0. Its decimal value is 16722263.

Hex triplet	ff2957	`#ff2957`
RGB Decimal	255, 41, 87	`rgb(255,41,87)`
RGB Percent	100, 16.1, 34.1	`rgb(100%,16.1%,34.1%)`
CMYK	0, 84, 66, 0
HSL	347.1°, 100, 58	`hsl(347.1,100%,58%)`
HSV (or HSB)	347.1°, 83.9, 100
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.624, 77.349, 29.624
XYZ	43.755, 23.539, 11.256
xyY	0.557, 0.3, 23.539
CIE-LCH	55.624, 82.827, 20.956
CIE-LUV	55.624, 150.844, 17.099
Hunter-Lab	48.517, 76.074, 20.207
Binary	11111111, 00101001, 01010111

#ff2957
```
#ff2957 rgb(255,41,87)
```
#29ffd1
```
#29ffd1 rgb(41,255,209)
```

Complementary Color

#ff29c2
```
#ff29c2 rgb(255,41,194)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#ff6629
```
#ff6629 rgb(255,102,41)
```

Analogous Color

#29c2ff
```
#29c2ff rgb(41,194,255)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#29ff66
```
#29ff66 rgb(41,255,102)
```

Split Complementary Color

#2957ff
```
#2957ff rgb(41,87,255)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#57ff29
```
#57ff29 rgb(87,255,41)
```

Triadic Color

#d129ff
```
#d129ff rgb(209,41,255)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#57ff29
```
#57ff29 rgb(87,255,41)
```
#29ffd1
```
#29ffd1 rgb(41,255,209)
```

Tetradic Color

#dc002f
```
#dc002f rgb(220,0,47)
```
#f50035
```
#f50035 rgb(245,0,53)
```
#ff1043
```
#ff1043 rgb(255,16,67)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#ff436b
```
#ff436b rgb(255,67,107)
```
#ff5c7f
```
#ff5c7f rgb(255,92,127)
```
#ff7693
```
#ff7693 rgb(255,118,147)
```

Monochromatic Color

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

#ff298d
```
#ff298d rgb(255,41,141)
```
#ff297b
```
#ff297b rgb(255,41,123)
```
#ff2969
```
#ff2969 rgb(255,41,105)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#ff2945
```
#ff2945 rgb(255,41,69)
```
#ff2933
```
#ff2933 rgb(255,41,51)
```
#ff3129
```
#ff3129 rgb(255,49,41)
```

Similar Colors

Text with hexadecimal color #ff2957

This text has a font color of #ff2957.

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

#ff2957 background color

This paragraph has a background color of #ff2957.

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

#ff2957 border color

This element has a border color of #ff2957.

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

CSS codes

.text {color:#ff2957;}

.background {background-color:#ff2957;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150005
```
#150005 rgb(21,0,5)
```
#290009
```
#290009 rgb(41,0,9)
```
#3d000d
```
#3d000d rgb(61,0,13)
```
#500011
```
#500011 rgb(80,0,17)
```
#640015
```
#640015 rgb(100,0,21)
```
#77001a
```
#77001a rgb(119,0,26)
```
#8b001e
```
#8b001e rgb(139,0,30)
```
#9f0022
```
#9f0022 rgb(159,0,34)
```
#b20026
```
#b20026 rgb(178,0,38)
```
#c6002b
```
#c6002b rgb(198,0,43)
```
#da002f
```
#da002f rgb(218,0,47)
```
#ed0033
```
#ed0033 rgb(237,0,51)
```

Shade Color Variation

#ff0238
```
#ff0238 rgb(255,2,56)
```
#ff1548
```
#ff1548 rgb(255,21,72)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```
#ff3d66
```
#ff3d66 rgb(255,61,102)
```
#ff5076
```
#ff5076 rgb(255,80,118)
```
#ff6485
```
#ff6485 rgb(255,100,133)
```
#ff7795
```
#ff7795 rgb(255,119,149)
```
#ff8ba4
```
#ff8ba4 rgb(255,139,164)
```
#ff9fb3
```
#ff9fb3 rgb(255,159,179)
```
#ffb2c3
```
#ffb2c3 rgb(255,178,195)
```
#ffc6d2
```
#ffc6d2 rgb(255,198,210)
```
#ffdae2
```
#ffdae2 rgb(255,218,226)
```
#ffedf1
```
#ffedf1 rgb(255,237,241)
```

Tint Color Variation

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

#9c8c8f
```
#9c8c8f rgb(156,140,143)
```
#a4848b
```
#a4848b rgb(164,132,139)
```
#ad7b86
```
#ad7b86 rgb(173,123,134)
```
#b57381
```
#b57381 rgb(181,115,129)
```
#bd6b7d
```
#bd6b7d rgb(189,107,125)
```
#c56378
```
#c56378 rgb(197,99,120)
```
#ce5a73
```
#ce5a73 rgb(206,90,115)
```
#d6526e
```
#d6526e rgb(214,82,110)
```
#de4a6a
```
#de4a6a rgb(222,74,106)
```
#e64265
```
#e64265 rgb(230,66,101)
```
#ef3960
```
#ef3960 rgb(239,57,96)
```
#f7315c
```
#f7315c rgb(247,49,92)
```
#ff2957
```
#ff2957 rgb(255,41,87)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b6069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918b7d Protanopia 1% of men
#a88552 Deuteranopia 1% of men
#fd3c3d Tritanopia 0.001% of the population

Trichromacy

#b9676f Protanomaly 1% of men, 0.01% of women
#c86353 Deuteranomaly 6% of men, 0.4% of women
#fe3546 Tritanomaly 0.01% of the population

#ff2957 hex color

#ff2957 Color Information

#ff2957 Color Conversion

Color Schemes with #ff2957

Alternatives to #ff2957

#ff2957 Preview

Shades and Tints of #ff2957

Tones of #ff2957

Color Blindness Simulator