#ff6064 hex color

In a RGB color space, hex #ff6064 is composed of 100% red, 37.6% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 60.8% yellow and 0% black. It has a hue angle of 358.5 degrees, a saturation of 100% and a lightness of 68.8%. #ff6064 color hex could be obtained by blending #ffc0c8 with #ff0000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 100
- G 38
- B 39
RGB color chart
- C 0
- M 62
- Y 61
- K 0
CMYK color chart

● #ff6064 color description : Light red.

The hexadecimal color #ff6064 has RGB values of R:255, G:96, B:100 and CMYK values of C:0, M:0.62, Y:0.61, K:0. Its decimal value is 16736356.

Hex triplet	ff6064	`#ff6064`
RGB Decimal	255, 96, 100	`rgb(255,96,100)`
RGB Percent	100, 37.6, 39.2	`rgb(100%,37.6%,39.2%)`
CMYK	0, 62, 61, 0
HSL	358.5°, 100, 68.8	`hsl(358.5,100%,68.8%)`
HSV (or HSB)	358.5°, 62.4, 100
Web Safe	ff6666	`#ff6666`

CIE-LAB	62.127, 60.657, 30.408
XYZ	47.725, 30.551, 15.44
xyY	0.509, 0.326, 30.551
CIE-LCH	62.127, 67.852, 26.625
CIE-LUV	62.127, 119.371, 23.824
Hunter-Lab	55.273, 57.397, 22.129
Binary	11111111, 01100000, 01100100

#ff6064
```
#ff6064 rgb(255,96,100)
```
#60fffb
```
#60fffb rgb(96,255,251)
```

Complementary Color

#ff60b4
```
#ff60b4 rgb(255,96,180)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#ffac60
```
#ffac60 rgb(255,172,96)
```

Analogous Color

#60b4ff
```
#60b4ff rgb(96,180,255)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#60ffac
```
#60ffac rgb(96,255,172)
```

Split Complementary Color

#6064ff
```
#6064ff rgb(96,100,255)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#64ff60
```
#64ff60 rgb(100,255,96)
```

Triadic Color

#fb60ff
```
#fb60ff rgb(251,96,255)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#64ff60
```
#64ff60 rgb(100,255,96)
```
#60fffb
```
#60fffb rgb(96,255,251)
```

Tetradic Color

#ff1419
```
#ff1419 rgb(255,20,25)
```
#ff2d32
```
#ff2d32 rgb(255,45,50)
```
#ff474b
```
#ff474b rgb(255,71,75)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#ff7a7d
```
#ff7a7d rgb(255,122,125)
```
#ff9396
```
#ff9396 rgb(255,147,150)
```
#ffadaf
```
#ffadaf rgb(255,173,175)
```

Monochromatic Color

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

#ff608c
```
#ff608c rgb(255,96,140)
```
#ff607f
```
#ff607f rgb(255,96,127)
```
#ff6071
```
#ff6071 rgb(255,96,113)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#ff6960
```
#ff6960 rgb(255,105,96)
```
#ff7760
```
#ff7760 rgb(255,119,96)
```
#ff8460
```
#ff8460 rgb(255,132,96)
```

Similar Colors

Text with hexadecimal color #ff6064

This text has a font color of #ff6064.

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

#ff6064 background color

This paragraph has a background color of #ff6064.

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

#ff6064 border color

This element has a border color of #ff6064.

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

CSS codes

.text {color:#ff6064;}

.background {background-color:#ff6064;}

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

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

#120000
```
#120000 rgb(18,0,0)
```
#250001
```
#250001 rgb(37,0,1)
```
#390001
```
#390001 rgb(57,0,1)
```
#4c0002
```
#4c0002 rgb(76,0,2)
```
#600002
```
#600002 rgb(96,0,2)
```
#740003
```
#740003 rgb(116,0,3)
```
#870003
```
#870003 rgb(135,0,3)
```
#9b0004
```
#9b0004 rgb(155,0,4)
```
#ae0004
```
#ae0004 rgb(174,0,4)
```
#c20005
```
#c20005 rgb(194,0,5)
```
#d60005
```
#d60005 rgb(214,0,5)
```
#e90006
```
#e90006 rgb(233,0,6)
```
#fd0006
```
#fd0006 rgb(253,0,6)
```

Shade Color Variation

#ff1218
```
#ff1218 rgb(255,18,24)
```
#ff252b
```
#ff252b rgb(255,37,43)
```
#ff393e
```
#ff393e rgb(255,57,62)
```
#ff4c51
```
#ff4c51 rgb(255,76,81)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```
#ff7477
```
#ff7477 rgb(255,116,119)
```
#ff878a
```
#ff878a rgb(255,135,138)
```
#ff9b9d
```
#ff9b9d rgb(255,155,157)
```
#ffaeb0
```
#ffaeb0 rgb(255,174,176)
```
#ffc2c4
```
#ffc2c4 rgb(255,194,196)
```
#ffd6d7
```
#ffd6d7 rgb(255,214,215)
```
#ffe9ea
```
#ffe9ea rgb(255,233,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#b6a9aa
```
#b6a9aa rgb(182,169,170)
```
#bca3a4
```
#bca3a4 rgb(188,163,164)
```
#c29d9e
```
#c29d9e rgb(194,157,158)
```
#c89798
```
#c89798 rgb(200,151,152)
```
#ce9192
```
#ce9192 rgb(206,145,146)
```
#d48b8d
```
#d48b8d rgb(212,139,141)
```
#da8587
```
#da8587 rgb(218,133,135)
```
#e07f81
```
#e07f81 rgb(224,127,129)
```
#e7787b
```
#e7787b rgb(231,120,123)
```
#ed7275
```
#ed7275 rgb(237,114,117)
```
#f36c70
```
#f36c70 rgb(243,108,112)
```
#f9666a
```
#f9666a rgb(249,102,106)
```
#ff6064
```
#ff6064 rgb(255,96,100)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a68687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49b7f Protanopia 1% of men
#bb9562 Deuteranopia 1% of men
#ff686d Tritanopia 0.001% of the population

Trichromacy

#c58575 Protanomaly 1% of men, 0.01% of women
#d38162 Deuteranomaly 6% of men, 0.4% of women
#ff656a Tritanomaly 0.01% of the population

#ff6064 hex color

#ff6064 Color Information

#ff6064 Color Conversion

Color Schemes with #ff6064

Alternatives to #ff6064

#ff6064 Preview

Shades and Tints of #ff6064

Tones of #ff6064

Color Blindness Simulator