#ff0f55 hex color

In a RGB color space, hex #ff0f55 is composed of 100% red, 5.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.1% magenta, 66.7% yellow and 0% black. It has a hue angle of 342.5 degrees, a saturation of 100% and a lightness of 52.9%. #ff0f55 color hex could be obtained by blending #ff1eaa with #ff0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 100
- G 6
- B 33
RGB color chart
- C 0
- M 94
- Y 67
- K 0
CMYK color chart

● #ff0f55 color description : Vivid pink.

The hexadecimal color #ff0f55 has RGB values of R:255, G:15, B:85 and CMYK values of C:0, M:0.94, Y:0.67, K:0. Its decimal value is 16715605.

Hex triplet	ff0f55	`#ff0f55`
RGB Decimal	255, 15, 85	`rgb(255,15,85)`
RGB Percent	100, 5.9, 33.3	`rgb(100%,5.9%,33.3%)`
CMYK	0, 94, 67, 0
HSL	342.5°, 100, 52.9	`hsl(342.5,100%,52.9%)`
HSV (or HSB)	342.5°, 94.1, 100
Web Safe	ff0066	`#ff0066`

CIE-LAB	54.305, 80.955, 29.14
XYZ	43.053, 22.263, 10.624
xyY	0.567, 0.293, 22.263
CIE-LCH	54.305, 86.04, 19.797
CIE-LUV	54.305, 157.675, 15.329
Hunter-Lab	47.184, 80.3, 19.678
Binary	11111111, 00001111, 01010101

#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#0fffb9
```
#0fffb9 rgb(15,255,185)
```

Complementary Color

#ff0fcd
```
#ff0fcd rgb(255,15,205)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#ff410f
```
#ff410f rgb(255,65,15)
```

Analogous Color

#0fcdff
```
#0fcdff rgb(15,205,255)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#0fff41
```
#0fff41 rgb(15,255,65)
```

Split Complementary Color

#0f55ff
```
#0f55ff rgb(15,85,255)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#55ff0f
```
#55ff0f rgb(85,255,15)
```

Triadic Color

#b90fff
```
#b90fff rgb(185,15,255)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#55ff0f
```
#55ff0f rgb(85,255,15)
```
#0fffb9
```
#0fffb9 rgb(15,255,185)
```

Tetradic Color

#c20038
```
#c20038 rgb(194,0,56)
```
#db0040
```
#db0040 rgb(219,0,64)
```
#f50047
```
#f50047 rgb(245,0,71)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#ff2967
```
#ff2967 rgb(255,41,103)
```
#ff4279
```
#ff4279 rgb(255,66,121)
```
#ff5c8b
```
#ff5c8b rgb(255,92,139)
```

Monochromatic Color

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

#ff0f91
```
#ff0f91 rgb(255,15,145)
```
#ff0f7d
```
#ff0f7d rgb(255,15,125)
```
#ff0f69
```
#ff0f69 rgb(255,15,105)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#ff0f41
```
#ff0f41 rgb(255,15,65)
```
#ff0f2d
```
#ff0f2d rgb(255,15,45)
```
#ff0f19
```
#ff0f19 rgb(255,15,25)
```

Similar Colors

Text with hexadecimal color #ff0f55

This text has a font color of #ff0f55.

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

#ff0f55 background color

This paragraph has a background color of #ff0f55.

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

#ff0f55 border color

This element has a border color of #ff0f55.

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

CSS codes

.text {color:#ff0f55;}

.background {background-color:#ff0f55;}

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

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

#0f0004
```
#0f0004 rgb(15,0,4)
```
#23000a
```
#23000a rgb(35,0,10)
```
#360010
```
#360010 rgb(54,0,16)
```
#4a0016
```
#4a0016 rgb(74,0,22)
```
#5d001b
```
#5d001b rgb(93,0,27)
```
#710021
```
#710021 rgb(113,0,33)
```
#850027
```
#850027 rgb(133,0,39)
```
#98002c
```
#98002c rgb(152,0,44)
```
#ac0032
```
#ac0032 rgb(172,0,50)
```
#c00038
```
#c00038 rgb(192,0,56)
```
#d3003e
```
#d3003e rgb(211,0,62)
```
#e70043
```
#e70043 rgb(231,0,67)
```
#fa0049
```
#fa0049 rgb(250,0,73)
```

Shade Color Variation

#ff0f55
```
#ff0f55 rgb(255,15,85)
```
#ff2363
```
#ff2363 rgb(255,35,99)
```
#ff3671
```
#ff3671 rgb(255,54,113)
```
#ff4a7f
```
#ff4a7f rgb(255,74,127)
```
#ff5d8d
```
#ff5d8d rgb(255,93,141)
```
#ff719a
```
#ff719a rgb(255,113,154)
```
#ff85a8
```
#ff85a8 rgb(255,133,168)
```
#ff98b6
```
#ff98b6 rgb(255,152,182)
```
#ffacc4
```
#ffacc4 rgb(255,172,196)
```
#ffc0d2
```
#ffc0d2 rgb(255,192,210)
```
#ffd3e0
```
#ffd3e0 rgb(255,211,224)
```
#ffe7ee
```
#ffe7ee rgb(255,231,238)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#907e83
```
#907e83 rgb(144,126,131)
```
#99757f
```
#99757f rgb(153,117,127)
```
#a36b7b
```
#a36b7b rgb(163,107,123)
```
#ac6278
```
#ac6278 rgb(172,98,120)
```
#b55974
```
#b55974 rgb(181,89,116)
```
#be5070
```
#be5070 rgb(190,80,112)
```
#c8466c
```
#c8466c rgb(200,70,108)
```
#d13d68
```
#d13d68 rgb(209,61,104)
```
#da3464
```
#da3464 rgb(218,52,100)
```
#e32b61
```
#e32b61 rgb(227,43,97)
```
#ed215d
```
#ed215d rgb(237,33,93)
```
#f61859
```
#f61859 rgb(246,24,89)
```
#ff0f55
```
#ff0f55 rgb(255,15,85)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7f4f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c877e Protanopia 1% of men
#a5824f Deuteranopia 1% of men
#fd2e2b Tritanopia 0.001% of the population

Trichromacy

#b65b6f Protanomaly 1% of men, 0.01% of women
#c55851 Deuteranomaly 6% of men, 0.4% of women
#fe223a Tritanomaly 0.01% of the population

#ff0f55 hex color

#ff0f55 Color Information

#ff0f55 Color Conversion

Color Schemes with #ff0f55

Alternatives to #ff0f55

#ff0f55 Preview

Shades and Tints of #ff0f55

Tones of #ff0f55

Color Blindness Simulator