#fd5342 hex color

In a RGB color space, hex #fd5342 is composed of 99.2% red, 32.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 73.9% yellow and 0.8% black. It has a hue angle of 5.5 degrees, a saturation of 97.9% and a lightness of 62.5%. #fd5342 color hex could be obtained by blending #ffa684 with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 33
- B 26
RGB color chart
- C 0
- M 67
- Y 74
- K 1
CMYK color chart

● #fd5342 color description : Bright red.

The hexadecimal color #fd5342 has RGB values of R:253, G:83, B:66 and CMYK values of C:0, M:0.67, Y:0.74, K:0.01. Its decimal value is 16601922.

Hex triplet	fd5342	`#fd5342`
RGB Decimal	253, 83, 66	`rgb(253,83,66)`
RGB Percent	99.2, 32.5, 25.9	`rgb(99.2%,32.5%,25.9%)`
CMYK	0, 67, 74, 1
HSL	5.5°, 97.9, 62.5	`hsl(5.5,97.9%,62.5%)`
HSV (or HSB)	5.5°, 73.9, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.405, 63.481, 45.866
XYZ	44.587, 27.468, 8.108
xyY	0.556, 0.343, 27.468
CIE-LCH	59.405, 78.317, 35.849
CIE-LUV	59.405, 133.602, 35.285
Hunter-Lab	52.41, 60.14, 27.514
Binary	11111101, 01010011, 01000010

#fd5342
```
#fd5342 rgb(253,83,66)
```
#42ecfd
```
#42ecfd rgb(66,236,253)
```

Complementary Color

#fd428f
```
#fd428f rgb(253,66,143)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#fdb142
```
#fdb142 rgb(253,177,66)
```

Analogous Color

#428ffd
```
#428ffd rgb(66,143,253)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#42fdb1
```
#42fdb1 rgb(66,253,177)
```

Split Complementary Color

#5342fd
```
#5342fd rgb(83,66,253)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#42fd53
```
#42fd53 rgb(66,253,83)
```

Triadic Color

#fd42ec
```
#fd42ec rgb(253,66,236)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#42fd53
```
#42fd53 rgb(66,253,83)
```
#42ecfd
```
#42ecfd rgb(66,236,253)
```

Tetradic Color

#f01803
```
#f01803 rgb(240,24,3)
```
#fc2510
```
#fc2510 rgb(252,37,16)
```
#fd3c29
```
#fd3c29 rgb(253,60,41)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#fd6a5b
```
#fd6a5b rgb(253,106,91)
```
#fe8174
```
#fe8174 rgb(254,129,116)
```
#fe988e
```
#fe988e rgb(254,152,142)
```

Monochromatic Color

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

#fd4260
```
#fd4260 rgb(253,66,96)
```
#fd4250
```
#fd4250 rgb(253,66,80)
```
#fd4342
```
#fd4342 rgb(253,67,66)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#fd6342
```
#fd6342 rgb(253,99,66)
```
#fd7242
```
#fd7242 rgb(253,114,66)
```
#fd8242
```
#fd8242 rgb(253,130,66)
```

Similar Colors

Text with hexadecimal color #fd5342

This text has a font color of #fd5342.

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

#fd5342 background color

This paragraph has a background color of #fd5342.

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

#fd5342 border color

This element has a border color of #fd5342.

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

CSS codes

.text {color:#fd5342;}

.background {background-color:#fd5342;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#190200
```
#190200 rgb(25,2,0)
```
#2c0400
```
#2c0400 rgb(44,4,0)
```
#3f0601
```
#3f0601 rgb(63,6,1)
```
#530801
```
#530801 rgb(83,8,1)
```
#660a01
```
#660a01 rgb(102,10,1)
```
#7a0c01
```
#7a0c01 rgb(122,12,1)
```
#8d0e01
```
#8d0e01 rgb(141,14,1)
```
#a01002
```
#a01002 rgb(160,16,2)
```
#b41202
```
#b41202 rgb(180,18,2)
```
#c71402
```
#c71402 rgb(199,20,2)
```
#db1602
```
#db1602 rgb(219,22,2)
```
#ee1803
```
#ee1803 rgb(238,24,3)
```

Shade Color Variation

#fc1e08
```
#fc1e08 rgb(252,30,8)
```
#fd301b
```
#fd301b rgb(253,48,27)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#fd6555
```
#fd6555 rgb(253,101,85)
```
#fd7669
```
#fd7669 rgb(253,118,105)
```
#fe887c
```
#fe887c rgb(254,136,124)
```
#fe9a90
```
#fe9a90 rgb(254,154,144)
```
#feaba3
```
#feaba3 rgb(254,171,163)
```
#febdb6
```
#febdb6 rgb(254,189,182)
```
#fecfca
```
#fecfca rgb(254,207,202)
```
#ffe0dd
```
#ffe0dd rgb(255,224,221)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#a59b9a
```
#a59b9a rgb(165,155,154)
```
#ac9593
```
#ac9593 rgb(172,149,147)
```
#b48f8b
```
#b48f8b rgb(180,143,139)
```
#bb8984
```
#bb8984 rgb(187,137,132)
```
#c2837d
```
#c2837d rgb(194,131,125)
```
#ca7d75
```
#ca7d75 rgb(202,125,117)
```
#d1776e
```
#d1776e rgb(209,119,110)
```
#d87167
```
#d87167 rgb(216,113,103)
```
#e06b5f
```
#e06b5f rgb(224,107,95)
```
#e76558
```
#e76558 rgb(231,101,88)
```
#ee5f51
```
#ee5f51 rgb(238,95,81)
```
#f65949
```
#f65949 rgb(246,89,73)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#9c7a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2945d Protanopia 1% of men
#b78e3f Deuteranopia 1% of men
#fd595d Tritanopia 0.001% of the population

Trichromacy

#c37c53 Protanomaly 1% of men, 0.01% of women
#d07840 Deuteranomaly 6% of men, 0.4% of women
#fd5753 Tritanomaly 0.01% of the population

#fd5342 hex color

#fd5342 Color Information

#fd5342 Color Conversion

Color Schemes with #fd5342

Alternatives to #fd5342

#fd5342 Preview

Shades and Tints of #fd5342

Tones of #fd5342

Color Blindness Simulator