#ff064f hex color

In a RGB color space, hex #ff064f is composed of 100% red, 2.4% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 69% yellow and 0% black. It has a hue angle of 342.4 degrees, a saturation of 100% and a lightness of 51.2%. #ff064f color hex could be obtained by blending #ff0c9e with #ff0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 100
- G 2
- B 31
RGB color chart
- C 0
- M 98
- Y 69
- K 0
CMYK color chart

● #ff064f color description : Vivid pink.

The hexadecimal color #ff064f has RGB values of R:255, G:6, B:79 and CMYK values of C:0, M:0.98, Y:0.69, K:0. Its decimal value is 16713295.

Hex triplet	ff064f	`#ff064f`
RGB Decimal	255, 6, 79	`rgb(255,6,79)`
RGB Percent	100, 2.4, 31	`rgb(100%,2.4%,31%)`
CMYK	0, 98, 69, 0
HSL	342.4°, 100, 51.2	`hsl(342.4,100%,51.2%)`
HSV (or HSB)	342.4°, 97.6, 100
Web Safe	ff0066	`#ff0066`

CIE-LAB	53.985, 81.339, 32.313
XYZ	42.719, 21.96, 9.386
xyY	0.577, 0.296, 21.96
CIE-LCH	53.985, 87.522, 21.666
CIE-LUV	53.985, 160.745, 17.842
Hunter-Lab	46.862, 80.71, 20.928
Binary	11111111, 00000110, 01001111

#ff064f
```
#ff064f rgb(255,6,79)
```
#06ffb6
```
#06ffb6 rgb(6,255,182)
```

Complementary Color

#ff06cc
```
#ff06cc rgb(255,6,204)
```
#ff064f
```
#ff064f rgb(255,6,79)
```
#ff3906
```
#ff3906 rgb(255,57,6)
```

Analogous Color

#06ccff
```
#06ccff rgb(6,204,255)
```
#ff064f
```
#ff064f rgb(255,6,79)
```
#06ff39
```
#06ff39 rgb(6,255,57)
```

Split Complementary Color

#064fff
```
#064fff rgb(6,79,255)
```
#ff064f
```
#ff064f rgb(255,6,79)
```
#4fff06
```
#4fff06 rgb(79,255,6)
```

Triadic Color

#b606ff
```
#b606ff rgb(182,6,255)
```
#ff064f
```
#ff064f rgb(255,6,79)
```
#4fff06
```
#4fff06 rgb(79,255,6)
```
#06ffb6
```
#06ffb6 rgb(6,255,182)
```

Tetradic Color

#b90036
```
#b90036 rgb(185,0,54)
```
#d2003e
```
#d2003e rgb(210,0,62)
```
#ec0045
```
#ec0045 rgb(236,0,69)
```
#ff064f
```
#ff064f rgb(255,6,79)
```
#ff2061
```
#ff2061 rgb(255,32,97)
```
#ff3973
```
#ff3973 rgb(255,57,115)
```
#ff5385
```
#ff5385 rgb(255,83,133)
```

Monochromatic Color

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

#ff068d
```
#ff068d rgb(255,6,141)
```
#ff0679
```
#ff0679 rgb(255,6,121)
```
#ff0664
```
#ff0664 rgb(255,6,100)
```
#ff064f
```
#ff064f rgb(255,6,79)
```
#ff063a
```
#ff063a rgb(255,6,58)
```
#ff0626
```
#ff0626 rgb(255,6,38)
```
#ff0611
```
#ff0611 rgb(255,6,17)
```

Similar Colors

Text with hexadecimal color #ff064f

This text has a font color of #ff064f.

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

#ff064f background color

This paragraph has a background color of #ff064f.

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

#ff064f border color

This element has a border color of #ff064f.

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

CSS codes

.text {color:#ff064f;}

.background {background-color:#ff064f;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#1a0008
```
#1a0008 rgb(26,0,8)
```
#2d000d
```
#2d000d rgb(45,0,13)
```
#410013
```
#410013 rgb(65,0,19)
```
#540019
```
#540019 rgb(84,0,25)
```
#68001f
```
#68001f rgb(104,0,31)
```
#7c0024
```
#7c0024 rgb(124,0,36)
```
#8f002a
```
#8f002a rgb(143,0,42)
```
#a30030
```
#a30030 rgb(163,0,48)
```
#b70036
```
#b70036 rgb(183,0,54)
```
#ca003b
```
#ca003b rgb(202,0,59)
```
#de0041
```
#de0041 rgb(222,0,65)
```
#f10047
```
#f10047 rgb(241,0,71)
```

Shade Color Variation

#ff064f
```
#ff064f rgb(255,6,79)
```
#ff1a5d
```
#ff1a5d rgb(255,26,93)
```
#ff2d6b
```
#ff2d6b rgb(255,45,107)
```
#ff4179
```
#ff4179 rgb(255,65,121)
```
#ff5486
```
#ff5486 rgb(255,84,134)
```
#ff6894
```
#ff6894 rgb(255,104,148)
```
#ff7ca2
```
#ff7ca2 rgb(255,124,162)
```
#ff8fb0
```
#ff8fb0 rgb(255,143,176)
```
#ffa3be
```
#ffa3be rgb(255,163,190)
```
#ffb7cc
```
#ffb7cc rgb(255,183,204)
```
#ffcada
```
#ffcada rgb(255,202,218)
```
#ffdee8
```
#ffdee8 rgb(255,222,232)
```
#fff1f5
```
#fff1f5 rgb(255,241,245)
```

Tint Color Variation

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

#8c797f
```
#8c797f rgb(140,121,127)
```
#966f7b
```
#966f7b rgb(150,111,123)
```
#9f6677
```
#9f6677 rgb(159,102,119)
```
#a95c73
```
#a95c73 rgb(169,92,115)
```
#b2536f
```
#b2536f rgb(178,83,111)
```
#bc496b
```
#bc496b rgb(188,73,107)
```
#c63f67
```
#c63f67 rgb(198,63,103)
```
#cf3663
```
#cf3663 rgb(207,54,99)
```
#d92c5f
```
#d92c5f rgb(217,44,95)
```
#e2235b
```
#e2235b rgb(226,35,91)
```
#ec1957
```
#ec1957 rgb(236,25,87)
```
#f51053
```
#f51053 rgb(245,16,83)
```
#ff064f
```
#ff064f rgb(255,6,79)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#7a4857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8778 Protanopia 1% of men
#a58149 Deuteranopia 1% of men
#fd2824 Tritanopia 0.001% of the population

Trichromacy

#b65869 Protanomaly 1% of men, 0.01% of women
#c5544b Deuteranomaly 6% of men, 0.4% of women
#fe1c33 Tritanomaly 0.01% of the population

#ff064f hex color

#ff064f Color Information

#ff064f Color Conversion

Color Schemes with #ff064f

Alternatives to #ff064f

#ff064f Preview

Shades and Tints of #ff064f

Tones of #ff064f

Color Blindness Simulator