#fd6764 hex color

In a RGB color space, hex #fd6764 is composed of 99.2% red, 40.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 60.5% yellow and 0.8% black. It has a hue angle of 1.2 degrees, a saturation of 97.5% and a lightness of 69.2%. #fd6764 color hex could be obtained by blending #ffcec8 with #fb0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 99
- G 40
- B 39
RGB color chart
- C 0
- M 59
- Y 60
- K 1
CMYK color chart

● #fd6764 color description : Soft red.

The hexadecimal color #fd6764 has RGB values of R:253, G:103, B:100 and CMYK values of C:0, M:0.59, Y:0.6, K:0.01. Its decimal value is 16607076.

Hex triplet	fd6764	`#fd6764`
RGB Decimal	253, 103, 100	`rgb(253,103,100)`
RGB Percent	99.2, 40.4, 39.2	`rgb(99.2%,40.4%,39.2%)`
CMYK	0, 59, 60, 1
HSL	1.2°, 97.5, 69.2	`hsl(1.2,97.5%,69.2%)`
HSV (or HSB)	1.2°, 60.5, 99.2
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.934, 56.997, 31.378
XYZ	47.66, 31.508, 15.628
xyY	0.503, 0.332, 31.508
CIE-LCH	62.934, 65.063, 28.834
CIE-LUV	62.934, 113.141, 25.891
Hunter-Lab	56.132, 53.328, 22.785
Binary	11111101, 01100111, 01100100

#fd6764
```
#fd6764 rgb(253,103,100)
```
#64fafd
```
#64fafd rgb(100,250,253)
```

Complementary Color

#fd64ae
```
#fd64ae rgb(253,100,174)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#fdb464
```
#fdb464 rgb(253,180,100)
```

Analogous Color

#64aefd
```
#64aefd rgb(100,174,253)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#64fdb4
```
#64fdb4 rgb(100,253,180)
```

Split Complementary Color

#6764fd
```
#6764fd rgb(103,100,253)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#64fd67
```
#64fd67 rgb(100,253,103)
```

Triadic Color

#fd64fa
```
#fd64fa rgb(253,100,250)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#64fd67
```
#64fd67 rgb(100,253,103)
```
#64fafd
```
#64fafd rgb(100,250,253)
```

Tetradic Color

#fc1d18
```
#fc1d18 rgb(252,29,24)
```
#fc3632
```
#fc3632 rgb(252,54,50)
```
#fd4e4b
```
#fd4e4b rgb(253,78,75)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#fd807d
```
#fd807d rgb(253,128,125)
```
#fe9896
```
#fe9896 rgb(254,152,150)
```
#feb1b0
```
#feb1b0 rgb(254,177,176)
```

Monochromatic Color

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

#fd6487
```
#fd6487 rgb(253,100,135)
```
#fd647b
```
#fd647b rgb(253,100,123)
```
#fd646e
```
#fd646e rgb(253,100,110)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#fd7464
```
#fd7464 rgb(253,116,100)
```
#fd8164
```
#fd8164 rgb(253,129,100)
```
#fd8d64
```
#fd8d64 rgb(253,141,100)
```

Similar Colors

Text with hexadecimal color #fd6764

This text has a font color of #fd6764.

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

#fd6764 background color

This paragraph has a background color of #fd6764.

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

#fd6764 border color

This element has a border color of #fd6764.

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

CSS codes

.text {color:#fd6764;}

.background {background-color:#fd6764;}

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

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

#130100
```
#130100 rgb(19,1,0)
```
#270100
```
#270100 rgb(39,1,0)
```
#3a0201
```
#3a0201 rgb(58,2,1)
```
#4d0201
```
#4d0201 rgb(77,2,1)
```
#610301
```
#610301 rgb(97,3,1)
```
#740401
```
#740401 rgb(116,4,1)
```
#870402
```
#870402 rgb(135,4,2)
```
#9b0502
```
#9b0502 rgb(155,5,2)
```
#ae0602
```
#ae0602 rgb(174,6,2)
```
#c20602
```
#c20602 rgb(194,6,2)
```
#d50703
```
#d50703 rgb(213,7,3)
```
#e80703
```
#e80703 rgb(232,7,3)
```
#fc0803
```
#fc0803 rgb(252,8,3)
```

Shade Color Variation

#fc1b17
```
#fc1b17 rgb(252,27,23)
```
#fc2e2a
```
#fc2e2a rgb(252,46,42)
```
#fd413d
```
#fd413d rgb(253,65,61)
```
#fd5451
```
#fd5451 rgb(253,84,81)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```
#fd7a77
```
#fd7a77 rgb(253,122,119)
```
#fd8d8b
```
#fd8d8b rgb(253,141,139)
```
#fea09e
```
#fea09e rgb(254,160,158)
```
#feb3b1
```
#feb3b1 rgb(254,179,177)
```
#fec6c5
```
#fec6c5 rgb(254,198,197)
```
#fed9d8
```
#fed9d8 rgb(254,217,216)
```
#ffecec
```
#ffecec rgb(255,236,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b5adac
```
#b5adac rgb(181,173,172)
```
#bba7a6
```
#bba7a6 rgb(187,167,166)
```
#c1a1a0
```
#c1a1a0 rgb(193,161,160)
```
#c79b9a
```
#c79b9a rgb(199,155,154)
```
#cd9594
```
#cd9594 rgb(205,149,148)
```
#d3908e
```
#d3908e rgb(211,144,142)
```
#d98a88
```
#d98a88 rgb(217,138,136)
```
#df8482
```
#df8482 rgb(223,132,130)
```
#e57e7c
```
#e57e7c rgb(229,126,124)
```
#eb7876
```
#eb7876 rgb(235,120,118)
```
#f17370
```
#f17370 rgb(241,115,112)
```
#f76d6a
```
#f76d6a rgb(247,109,106)
```
#fd6764
```
#fd6764 rgb(253,103,100)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a98b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79d7d Protanopia 1% of men
#bd9662 Deuteranopia 1% of men
#fd6d74 Tritanopia 0.001% of the population

Trichromacy

#c68974 Protanomaly 1% of men, 0.01% of women
#d48563 Deuteranomaly 6% of men, 0.4% of women
#fd6b6e Tritanomaly 0.01% of the population

#fd6764 hex color

#fd6764 Color Information

#fd6764 Color Conversion

Color Schemes with #fd6764

Alternatives to #fd6764

#fd6764 Preview

Shades and Tints of #fd6764

Tones of #fd6764

Color Blindness Simulator