#ff42d4 hex color

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

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

● #ff42d4 color description : Light magenta.

The hexadecimal color #ff42d4 has RGB values of R:255, G:66, B:212 and CMYK values of C:0, M:0.74, Y:0.17, K:0. Its decimal value is 16728788.

Hex triplet	ff42d4	`#ff42d4`
RGB Decimal	255, 66, 212	`rgb(255,66,212)`
RGB Percent	100, 25.9, 83.1	`rgb(100%,25.9%,83.1%)`
CMYK	0, 74, 17, 0
HSL	313.7°, 100, 62.9	`hsl(313.7,100%,62.9%)`
HSV (or HSB)	313.7°, 74.1, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	61.58, 82.44, -34.779
XYZ	55.072, 29.914, 65.157
xyY	0.367, 0.199, 29.914
CIE-LCH	61.58, 89.476, 337.127
CIE-LUV	61.58, 93.815, -66.698
Hunter-Lab	54.694, 84.019, -32.347
Binary	11111111, 01000010, 11010100

#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#42ff6d
```
#42ff6d rgb(66,255,109)
```

Complementary Color

#cc42ff
```
#cc42ff rgb(204,66,255)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#ff4276
```
#ff4276 rgb(255,66,118)
```

Analogous Color

#42ffcc
```
#42ffcc rgb(66,255,204)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#76ff42
```
#76ff42 rgb(118,255,66)
```

Split Complementary Color

#42d4ff
```
#42d4ff rgb(66,212,255)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#d4ff42
```
#d4ff42 rgb(212,255,66)
```

Triadic Color

#6d42ff
```
#6d42ff rgb(109,66,255)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#d4ff42
```
#d4ff42 rgb(212,255,66)
```
#42ff6d
```
#42ff6d rgb(66,255,109)
```

Tetradic Color

#f500bd
```
#f500bd rgb(245,0,189)
```
#ff0fc8
```
#ff0fc8 rgb(255,15,200)
```
#ff29ce
```
#ff29ce rgb(255,41,206)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#ff5cda
```
#ff5cda rgb(255,92,218)
```
#ff75e0
```
#ff75e0 rgb(255,117,224)
```
#ff8fe5
```
#ff8fe5 rgb(255,143,229)
```

Monochromatic Color

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

#fb42ff
```
#fb42ff rgb(251,66,255)
```
#ff42f4
```
#ff42f4 rgb(255,66,244)
```
#ff42e4
```
#ff42e4 rgb(255,66,228)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#ff42c4
```
#ff42c4 rgb(255,66,196)
```
#ff42b5
```
#ff42b5 rgb(255,66,181)
```
#ff42a5
```
#ff42a5 rgb(255,66,165)
```

Similar Colors

Text with hexadecimal color #ff42d4

This text has a font color of #ff42d4.

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

#ff42d4 background color

This paragraph has a background color of #ff42d4.

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

#ff42d4 border color

This element has a border color of #ff42d4.

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

CSS codes

.text {color:#ff42d4;}

.background {background-color:#ff42d4;}

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

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

#070006
```
#070006 rgb(7,0,6)
```
#1b0015
```
#1b0015 rgb(27,0,21)
```
#2e0024
```
#2e0024 rgb(46,0,36)
```
#420033
```
#420033 rgb(66,0,51)
```
#560042
```
#560042 rgb(86,0,66)
```
#690051
```
#690051 rgb(105,0,81)
```
#7d0060
```
#7d0060 rgb(125,0,96)
```
#900070
```
#900070 rgb(144,0,112)
```
#a4007f
```
#a4007f rgb(164,0,127)
```
#b8008e
```
#b8008e rgb(184,0,142)
```
#cb009d
```
#cb009d rgb(203,0,157)
```
#df00ac
```
#df00ac rgb(223,0,172)
```
#f300bb
```
#f300bb rgb(243,0,187)
```

Shade Color Variation

#ff07c7
```
#ff07c7 rgb(255,7,199)
```
#ff1bcb
```
#ff1bcb rgb(255,27,203)
```
#ff2ed0
```
#ff2ed0 rgb(255,46,208)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#ff56d8
```
#ff56d8 rgb(255,86,216)
```
#ff69dd
```
#ff69dd rgb(255,105,221)
```
#ff7de1
```
#ff7de1 rgb(255,125,225)
```
#ff90e6
```
#ff90e6 rgb(255,144,230)
```
#ffa4ea
```
#ffa4ea rgb(255,164,234)
```
#ffb8ef
```
#ffb8ef rgb(255,184,239)
```
#ffcbf3
```
#ffcbf3 rgb(255,203,243)
```
#ffdff8
```
#ffdff8 rgb(255,223,248)
```
#fff3fc
```
#fff3fc rgb(255,243,252)
```

Tint Color Variation

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

#a899a4
```
#a899a4 rgb(168,153,164)
```
#af92a8
```
#af92a8 rgb(175,146,168)
```
#b68bac
```
#b68bac rgb(182,139,172)
```
#be83b0
```
#be83b0 rgb(190,131,176)
```
#c57cb4
```
#c57cb4 rgb(197,124,180)
```
#cc75b8
```
#cc75b8 rgb(204,117,184)
```
#d36ebc
```
#d36ebc rgb(211,110,188)
```
#db66c0
```
#db66c0 rgb(219,102,192)
```
#e25fc4
```
#e25fc4 rgb(226,95,196)
```
#e958c8
```
#e958c8 rgb(233,88,200)
```
#f051cc
```
#f051cc rgb(240,81,204)
```
#f849d0
```
#f849d0 rgb(248,73,208)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a27c9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6696ff Protanopia 1% of men
#8f97c5 Deuteranopia 1% of men
#f56d74 Tritanopia 0.001% of the population

Trichromacy

#9d78ef Protanomaly 1% of men, 0.01% of women
#b878ca Deuteranomaly 6% of men, 0.4% of women
#f85d97 Tritanomaly 0.01% of the population

#ff42d4 hex color

#ff42d4 Color Information

#ff42d4 Color Conversion

Color Schemes with #ff42d4

Alternatives to #ff42d4

#ff42d4 Preview

Shades and Tints of #ff42d4

Tones of #ff42d4

Color Blindness Simulator