#ff3225 hex color

In a RGB color space, hex #ff3225 is composed of 100% red, 19.6% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 85.5% yellow and 0% black. It has a hue angle of 3.6 degrees, a saturation of 100% and a lightness of 57.3%. #ff3225 color hex could be obtained by blending #ff644a with #ff0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 100
- G 20
- B 15
RGB color chart
- C 0
- M 80
- Y 85
- K 0
CMYK color chart

● #ff3225 color description : Vivid red.

The hexadecimal color #ff3225 has RGB values of R:255, G:50, B:37 and CMYK values of C:0, M:0.8, Y:0.85, K:0. Its decimal value is 16724517.

Hex triplet	ff3225	`#ff3225`
RGB Decimal	255, 50, 37	`rgb(255,50,37)`
RGB Percent	100, 19.6, 14.5	`rgb(100%,19.6%,14.5%)`
CMYK	0, 80, 85, 0
HSL	3.6°, 100, 57.3	`hsl(3.6,100%,57.3%)`
HSV (or HSB)	3.6°, 85.5, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.766, 73.655, 56.854
XYZ	42.717, 23.68, 4.072
xyY	0.606, 0.336, 23.68
CIE-LCH	55.766, 93.045, 37.664
CIE-LUV	55.766, 158.601, 37.192
Hunter-Lab	48.662, 71.532, 29.103
Binary	11111111, 00110010, 00100101

#ff3225
```
#ff3225 rgb(255,50,37)
```
#25f2ff
```
#25f2ff rgb(37,242,255)
```

Complementary Color

#ff2585
```
#ff2585 rgb(255,37,133)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#ff9f25
```
#ff9f25 rgb(255,159,37)
```

Analogous Color

#2585ff
```
#2585ff rgb(37,133,255)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#25ff9f
```
#25ff9f rgb(37,255,159)
```

Split Complementary Color

#3225ff
```
#3225ff rgb(50,37,255)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#25ff32
```
#25ff32 rgb(37,255,50)
```

Triadic Color

#ff25f2
```
#ff25f2 rgb(255,37,242)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#25ff32
```
#25ff32 rgb(37,255,50)
```
#25f2ff
```
#25f2ff rgb(37,242,255)
```

Tetradic Color

#d80d00
```
#d80d00 rgb(216,13,0)
```
#f10e00
```
#f10e00 rgb(241,14,0)
```
#ff1a0c
```
#ff1a0c rgb(255,26,12)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#ff4a3f
```
#ff4a3f rgb(255,74,63)
```
#ff6258
```
#ff6258 rgb(255,98,88)
```
#ff7a72
```
#ff7a72 rgb(255,122,114)
```

Monochromatic Color

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

#ff254f
```
#ff254f rgb(255,37,79)
```
#ff253c
```
#ff253c rgb(255,37,60)
```
#ff252a
```
#ff252a rgb(255,37,42)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#ff4425
```
#ff4425 rgb(255,68,37)
```
#ff5625
```
#ff5625 rgb(255,86,37)
```
#ff6925
```
#ff6925 rgb(255,105,37)
```

Similar Colors

Text with hexadecimal color #ff3225

This text has a font color of #ff3225.

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

#ff3225 background color

This paragraph has a background color of #ff3225.

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

#ff3225 border color

This element has a border color of #ff3225.

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

CSS codes

.text {color:#ff3225;}

.background {background-color:#ff3225;}

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

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

#110100
```
#110100 rgb(17,1,0)
```
#250200
```
#250200 rgb(37,2,0)
```
#390300
```
#390300 rgb(57,3,0)
```
#4c0500
```
#4c0500 rgb(76,5,0)
```
#600600
```
#600600 rgb(96,6,0)
```
#730700
```
#730700 rgb(115,7,0)
```
#870800
```
#870800 rgb(135,8,0)
```
#9b0900
```
#9b0900 rgb(155,9,0)
```
#ae0a00
```
#ae0a00 rgb(174,10,0)
```
#c20c00
```
#c20c00 rgb(194,12,0)
```
#d60d00
```
#d60d00 rgb(214,13,0)
```
#e90e00
```
#e90e00 rgb(233,14,0)
```
#fd0f00
```
#fd0f00 rgb(253,15,0)
```

Shade Color Variation

#ff2011
```
#ff2011 rgb(255,32,17)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```
#ff4439
```
#ff4439 rgb(255,68,57)
```
#ff574c
```
#ff574c rgb(255,87,76)
```
#ff6960
```
#ff6960 rgb(255,105,96)
```
#ff7c73
```
#ff7c73 rgb(255,124,115)
```
#ff8e87
```
#ff8e87 rgb(255,142,135)
```
#ffa19b
```
#ffa19b rgb(255,161,155)
```
#ffb3ae
```
#ffb3ae rgb(255,179,174)
```
#ffc6c2
```
#ffc6c2 rgb(255,198,194)
```
#ffd8d6
```
#ffd8d6 rgb(255,216,214)
```
#ffeae9
```
#ffeae9 rgb(255,234,233)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#9a8b8a
```
#9a8b8a rgb(154,139,138)
```
#a38381
```
#a38381 rgb(163,131,129)
```
#ab7c79
```
#ab7c79 rgb(171,124,121)
```
#b47470
```
#b47470 rgb(180,116,112)
```
#bc6d68
```
#bc6d68 rgb(188,109,104)
```
#c46660
```
#c46660 rgb(196,102,96)
```
#cd5e57
```
#cd5e57 rgb(205,94,87)
```
#d5574f
```
#d5574f rgb(213,87,79)
```
#dd5047
```
#dd5047 rgb(221,80,71)
```
#e6483e
```
#e6483e rgb(230,72,62)
```
#ee4136
```
#ee4136 rgb(238,65,54)
```
#f7392d
```
#f7392d rgb(247,57,45)
```
#ff3225
```
#ff3225 rgb(255,50,37)
```

Tone Color Variation

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

Dichromacy

#9a8c42 Protanopia 1% of men
#af8512 Deuteranopia 1% of men
#ff3b3b Tritanopia 0.001% of the population

Trichromacy

#bf6b38 Protanomaly 1% of men, 0.01% of women
#cc6619 Deuteranomaly 6% of men, 0.4% of women
#ff3833 Tritanomaly 0.01% of the population

#ff3225 hex color

#ff3225 Color Information

#ff3225 Color Conversion

Color Schemes with #ff3225

Alternatives to #ff3225

#ff3225 Preview

Shades and Tints of #ff3225

Tones of #ff3225

Color Blindness Simulator