#fd3525 hex color

In a RGB color space, hex #fd3525 is composed of 99.2% red, 20.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.1% magenta, 85.4% yellow and 0.8% black. It has a hue angle of 4.4 degrees, a saturation of 98.2% and a lightness of 56.9%. #fd3525 color hex could be obtained by blending #ff6a4a with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 21
- B 15
RGB color chart
- C 0
- M 79
- Y 85
- K 1
CMYK color chart

● #fd3525 color description : Vivid red.

The hexadecimal color #fd3525 has RGB values of R:253, G:53, B:37 and CMYK values of C:0, M:0.79, Y:0.85, K:0.01. Its decimal value is 16594213.

Hex triplet	fd3525	`#fd3525`
RGB Decimal	253, 53, 37	`rgb(253,53,37)`
RGB Percent	99.2, 20.8, 14.5	`rgb(99.2%,20.8%,14.5%)`
CMYK	0, 79, 85, 1
HSL	4.4°, 98.2, 56.9	`hsl(4.4,98.2%,56.9%)`
HSV (or HSB)	4.4°, 85.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.652, 72.346, 56.604
XYZ	42.117, 23.568, 4.082
xyY	0.604, 0.338, 23.568
CIE-LCH	55.652, 91.858, 38.04
CIE-LUV	55.652, 155.691, 37.401
Hunter-Lab	48.547, 69.903, 28.998
Binary	11111101, 00110101, 00100101

#fd3525
```
#fd3525 rgb(253,53,37)
```
#25edfd
```
#25edfd rgb(37,237,253)
```

Complementary Color

#fd2581
```
#fd2581 rgb(253,37,129)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#fda125
```
#fda125 rgb(253,161,37)
```

Analogous Color

#2581fd
```
#2581fd rgb(37,129,253)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#25fda1
```
#25fda1 rgb(37,253,161)
```

Split Complementary Color

#3525fd
```
#3525fd rgb(53,37,253)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#25fd35
```
#25fd35 rgb(37,253,53)
```

Triadic Color

#fd25ed
```
#fd25ed rgb(253,37,237)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#25fd35
```
#25fd35 rgb(37,253,53)
```
#25edfd
```
#25edfd rgb(37,237,253)
```

Tetradic Color

#d41102
```
#d41102 rgb(212,17,2)
```
#ed1402
```
#ed1402 rgb(237,20,2)
```
#fd1e0c
```
#fd1e0c rgb(253,30,12)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#fd4c3e
```
#fd4c3e rgb(253,76,62)
```
#fd6458
```
#fd6458 rgb(253,100,88)
```
#fe7b71
```
#fe7b71 rgb(254,123,113)
```

Monochromatic Color

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

#fd254b
```
#fd254b rgb(253,37,75)
```
#fd2539
```
#fd2539 rgb(253,37,57)
```
#fd2527
```
#fd2527 rgb(253,37,39)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#fd4725
```
#fd4725 rgb(253,71,37)
```
#fd5925
```
#fd5925 rgb(253,89,37)
```
#fd6b25
```
#fd6b25 rgb(253,107,37)
```

Similar Colors

Text with hexadecimal color #fd3525

This text has a font color of #fd3525.

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

#fd3525 background color

This paragraph has a background color of #fd3525.

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

#fd3525 border color

This element has a border color of #fd3525.

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

CSS codes

.text {color:#fd3525;}

.background {background-color:#fd3525;}

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

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, #0f0100 is the darkest color, while #fffbfb is the lightest one.

#0f0100
```
#0f0100 rgb(15,1,0)
```
#230300
```
#230300 rgb(35,3,0)
```
#360400
```
#360400 rgb(54,4,0)
```
#4a0601
```
#4a0601 rgb(74,6,1)
```
#5d0801
```
#5d0801 rgb(93,8,1)
```
#700901
```
#700901 rgb(112,9,1)
```
#840b01
```
#840b01 rgb(132,11,1)
```
#970c01
```
#970c01 rgb(151,12,1)
```
#ab0e02
```
#ab0e02 rgb(171,14,2)
```
#be1002
```
#be1002 rgb(190,16,2)
```
#d21102
```
#d21102 rgb(210,17,2)
```
#e51302
```
#e51302 rgb(229,19,2)
```
#f81502
```
#f81502 rgb(248,21,2)
```

Shade Color Variation

#fd2312
```
#fd2312 rgb(253,35,18)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```
#fd4738
```
#fd4738 rgb(253,71,56)
```
#fd594c
```
#fd594c rgb(253,89,76)
```
#fe6b5f
```
#fe6b5f rgb(254,107,95)
```
#fe7d73
```
#fe7d73 rgb(254,125,115)
```
#fe8f86
```
#fe8f86 rgb(254,143,134)
```
#fea19a
```
#fea19a rgb(254,161,154)
```
#feb3ad
```
#feb3ad rgb(254,179,173)
```
#fec5c0
```
#fec5c0 rgb(254,197,192)
```
#ffd7d4
```
#ffd7d4 rgb(255,215,212)
```
#ffe9e7
```
#ffe9e7 rgb(255,233,231)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#978b8b
```
#978b8b rgb(151,139,139)
```
#a08482
```
#a08482 rgb(160,132,130)
```
#a87d7a
```
#a87d7a rgb(168,125,122)
```
#b17671
```
#b17671 rgb(177,118,113)
```
#b96f69
```
#b96f69 rgb(185,111,105)
```
#c26760
```
#c26760 rgb(194,103,96)
```
#ca6058
```
#ca6058 rgb(202,96,88)
```
#d3594f
```
#d3594f rgb(211,89,79)
```
#db5247
```
#db5247 rgb(219,82,71)
```
#e44b3e
```
#e44b3e rgb(228,75,62)
```
#ec4336
```
#ec4336 rgb(236,67,54)
```
#f53c2d
```
#f53c2d rgb(245,60,45)
```
#fd3525
```
#fd3525 rgb(253,53,37)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b6360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b42 Protanopia 1% of men
#ae8414 Deuteranopia 1% of men
#fd3d3e Tritanopia 0.001% of the population

Trichromacy

#be6c37 Protanomaly 1% of men, 0.01% of women
#cb671a Deuteranomaly 6% of men, 0.4% of women
#fd3a35 Tritanomaly 0.01% of the population

#fd3525 hex color

#fd3525 Color Information

#fd3525 Color Conversion

Color Schemes with #fd3525

Alternatives to #fd3525

#fd3525 Preview

Shades and Tints of #fd3525

Tones of #fd3525

Color Blindness Simulator