#ff42b4 hex color

In a RGB color space, hex #ff42b4 is composed of 100% red, 25.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 29.4% yellow and 0% black. It has a hue angle of 323.8 degrees, a saturation of 100% and a lightness of 62.9%. #ff42b4 color hex could be obtained by blending #ff84ff with #ff0069. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 100
- G 26
- B 71
RGB color chart
- C 0
- M 74
- Y 29
- K 0
CMYK color chart

● #ff42b4 color description : Light pink.

The hexadecimal color #ff42b4 has RGB values of R:255, G:66, B:180 and CMYK values of C:0, M:0.74, Y:0.29, K:0. Its decimal value is 16728756.

Hex triplet	ff42b4	`#ff42b4`
RGB Decimal	255, 66, 180	`rgb(255,66,180)`
RGB Percent	100, 25.9, 70.6	`rgb(100%,25.9%,70.6%)`
CMYK	0, 74, 29, 0
HSL	323.8°, 100, 62.9	`hsl(323.8,100%,62.9%)`
HSV (or HSB)	323.8°, 74.1, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.299, 78.557, -18.479
XYZ	51.427, 28.456, 45.962
xyY	0.409, 0.226, 28.456
CIE-LCH	60.299, 80.701, 346.763
CIE-LUV	60.299, 106.621, -41.298
Hunter-Lab	53.345, 78.731, -13.743
Binary	11111111, 01000010, 10110100

#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#42ff8d
```
#42ff8d rgb(66,255,141)
```

Complementary Color

#ec42ff
```
#ec42ff rgb(236,66,255)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#ff4255
```
#ff4255 rgb(255,66,85)
```

Analogous Color

#42ffec
```
#42ffec rgb(66,255,236)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#55ff42
```
#55ff42 rgb(85,255,66)
```

Split Complementary Color

#42b4ff
```
#42b4ff rgb(66,180,255)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#b4ff42
```
#b4ff42 rgb(180,255,66)
```

Triadic Color

#8d42ff
```
#8d42ff rgb(141,66,255)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#b4ff42
```
#b4ff42 rgb(180,255,66)
```
#42ff8d
```
#42ff8d rgb(66,255,141)
```

Tetradic Color

#f50093
```
#f50093 rgb(245,0,147)
```
#ff0fa0
```
#ff0fa0 rgb(255,15,160)
```
#ff29aa
```
#ff29aa rgb(255,41,170)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#ff5cbe
```
#ff5cbe rgb(255,92,190)
```
#ff75c8
```
#ff75c8 rgb(255,117,200)
```
#ff8fd2
```
#ff8fd2 rgb(255,143,210)
```

Monochromatic Color

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

#ff42e3
```
#ff42e3 rgb(255,66,227)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#ff42c4
```
#ff42c4 rgb(255,66,196)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#ff42a4
```
#ff42a4 rgb(255,66,164)
```
#ff4295
```
#ff4295 rgb(255,66,149)
```
#ff4285
```
#ff4285 rgb(255,66,133)
```

Similar Colors

Text with hexadecimal color #ff42b4

This text has a font color of #ff42b4.

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

#ff42b4 background color

This paragraph has a background color of #ff42b4.

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

#ff42b4 border color

This element has a border color of #ff42b4.

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

CSS codes

.text {color:#ff42b4;}

.background {background-color:#ff42b4;}

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

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

#070004
```
#070004 rgb(7,0,4)
```
#1b0010
```
#1b0010 rgb(27,0,16)
```
#2e001c
```
#2e001c rgb(46,0,28)
```
#420028
```
#420028 rgb(66,0,40)
```
#560034
```
#560034 rgb(86,0,52)
```
#69003f
```
#69003f rgb(105,0,63)
```
#7d004b
```
#7d004b rgb(125,0,75)
```
#900057
```
#900057 rgb(144,0,87)
```
#a40063
```
#a40063 rgb(164,0,99)
```
#b8006f
```
#b8006f rgb(184,0,111)
```
#cb007b
```
#cb007b rgb(203,0,123)
```
#df0086
```
#df0086 rgb(223,0,134)
```
#f30092
```
#f30092 rgb(243,0,146)
```

Shade Color Variation

#ff079d
```
#ff079d rgb(255,7,157)
```
#ff1ba4
```
#ff1ba4 rgb(255,27,164)
```
#ff2eac
```
#ff2eac rgb(255,46,172)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```
#ff56bc
```
#ff56bc rgb(255,86,188)
```
#ff69c4
```
#ff69c4 rgb(255,105,196)
```
#ff7dcb
```
#ff7dcb rgb(255,125,203)
```
#ff90d3
```
#ff90d3 rgb(255,144,211)
```
#ffa4db
```
#ffa4db rgb(255,164,219)
```
#ffb8e3
```
#ffb8e3 rgb(255,184,227)
```
#ffcbea
```
#ffcbea rgb(255,203,234)
```
#ffdff2
```
#ffdff2 rgb(255,223,242)
```
#fff3fa
```
#fff3fa rgb(255,243,250)
```

Tint Color Variation

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

#a899a2
```
#a899a2 rgb(168,153,162)
```
#af92a4
```
#af92a4 rgb(175,146,164)
```
#b68ba5
```
#b68ba5 rgb(182,139,165)
```
#be83a7
```
#be83a7 rgb(190,131,167)
```
#c57ca8
```
#c57ca8 rgb(197,124,168)
```
#cc75aa
```
#cc75aa rgb(204,117,170)
```
#d36eab
```
#d36eab rgb(211,110,171)
```
#db66ad
```
#db66ad rgb(219,102,173)
```
#e25fae
```
#e25fae rgb(226,95,174)
```
#e958b0
```
#e958b0 rgb(233,88,176)
```
#f051b1
```
#f051b1 rgb(240,81,177)
```
#f849b3
```
#f849b3 rgb(248,73,179)
```
#ff42b4
```
#ff42b4 rgb(255,66,180)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#a07a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7694e3 Protanopia 1% of men
#9c93a8 Deuteranopia 1% of men
#f86469 Tritanopia 0.001% of the population

Trichromacy

#a876d2 Protanomaly 1% of men, 0.01% of women
#c075ac Deuteranomaly 6% of men, 0.4% of women
#fa5784 Tritanomaly 0.01% of the population

#ff42b4 hex color

#ff42b4 Color Information

#ff42b4 Color Conversion

Color Schemes with #ff42b4

Alternatives to #ff42b4

#ff42b4 Preview

Shades and Tints of #ff42b4

Tones of #ff42b4

Color Blindness Simulator