colorhexa.com

#f02dd1 hex color

In a RGB color space, hex #f02dd1 is composed of 94.1% red, 17.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.3% magenta, 12.9% yellow and 5.9% black. It has a hue angle of 309.5 degrees, a saturation of 86.7% and a lightness of 55.9%. #f02dd1 color hex could be obtained by blending #ff5aff with #e100a3. Closest websafe color is: #ff33cc.

- R 94
- G 18
- B 82
RGB color chart
- C 0
- M 81
- Y 13
- K 6
CMYK color chart

● #f02dd1 color description : Bright magenta.

The hexadecimal color #f02dd1 has RGB values of R:240, G:45, B:209 and CMYK values of C:0, M:0.81, Y:0.13, K:0.06. Its decimal value is 15740369.

Hex triplet	f02dd1	`#f02dd1`
RGB Decimal	240, 45, 209	`rgb(240,45,209)`
RGB Percent	94.1, 17.6, 82	`rgb(94.1%,17.6%,82%)`
CMYK	0, 81, 13, 6
HSL	309.5°, 86.7, 55.9	`hsl(309.5,86.7%,55.9%)`
HSV (or HSB)	309.5°, 81.3, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.085, 84.206, -40.293
XYZ	48.382, 25.009, 62.597
xyY	0.356, 0.184, 25.009
CIE-LCH	57.085, 93.35, 334.428
CIE-LUV	57.085, 88.114, -74.313
Hunter-Lab	50.009, 85.175, -39.208
Binary	11110000, 00101101, 11010001

#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#2df04c
```
#2df04c rgb(45,240,76)
```

Complementary Color

#ae2df0
```
#ae2df0 rgb(174,45,240)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#f02d70
```
#f02d70 rgb(240,45,112)
```

Analogous Color

#2df0ae
```
#2df0ae rgb(45,240,174)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#70f02d
```
#70f02d rgb(112,240,45)
```

Split Complementary Color

#2dd1f0
```
#2dd1f0 rgb(45,209,240)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#d1f02d
```
#d1f02d rgb(209,240,45)
```

Triadic Color

#4c2df0
```
#4c2df0 rgb(76,45,240)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#d1f02d
```
#d1f02d rgb(209,240,45)
```
#2df04c
```
#2df04c rgb(45,240,76)
```

Tetradic Color

#c30ea6
```
#c30ea6 rgb(195,14,166)
```
#da10ba
```
#da10ba rgb(218,16,186)
```
#ee15cc
```
#ee15cc rgb(238,21,204)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#f245d6
```
#f245d6 rgb(242,69,214)
```
#f35ddb
```
#f35ddb rgb(243,93,219)
```
#f574e1
```
#f574e1 rgb(245,116,225)
```

Monochromatic Color

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

#de2df0
```
#de2df0 rgb(222,45,240)
```
#ef2df0
```
#ef2df0 rgb(239,45,240)
```
#f02de1
```
#f02de1 rgb(240,45,225)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#f02dc1
```
#f02dc1 rgb(240,45,193)
```
#f02db1
```
#f02db1 rgb(240,45,177)
```
#f02da0
```
#f02da0 rgb(240,45,160)
```

Similar Colors

Text with hexadecimal color #f02dd1

This text has a font color of #f02dd1.

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

#f02dd1 background color

This paragraph has a background color of #f02dd1.

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

#f02dd1 border color

This element has a border color of #f02dd1.

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

CSS codes

.text {color:#f02dd1;}

.background {background-color:#f02dd1;}

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

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

#0a0108
```
#0a0108 rgb(10,1,8)
```
#1c0218
```
#1c0218 rgb(28,2,24)
```
#2e0327
```
#2e0327 rgb(46,3,39)
```
#410537
```
#410537 rgb(65,5,55)
```
#530647
```
#530647 rgb(83,6,71)
```
#650756
```
#650756 rgb(101,7,86)
```
#780966
```
#780966 rgb(120,9,102)
```
#8a0a75
```
#8a0a75 rgb(138,10,117)
```
#9c0b85
```
#9c0b85 rgb(156,11,133)
```
#ae0c95
```
#ae0c95 rgb(174,12,149)
```
#c10ea4
```
#c10ea4 rgb(193,14,164)
```
#d30fb4
```
#d30fb4 rgb(211,15,180)
```
#e510c4
```
#e510c4 rgb(229,16,196)
```

Shade Color Variation

#ef1bcd
```
#ef1bcd rgb(239,27,205)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#f13fd5
```
#f13fd5 rgb(241,63,213)
```
#f352d9
```
#f352d9 rgb(243,82,217)
```
#f464dd
```
#f464dd rgb(244,100,221)
```
#f576e1
```
#f576e1 rgb(245,118,225)
```
#f789e5
```
#f789e5 rgb(247,137,229)
```
#f89be9
```
#f89be9 rgb(248,155,233)
```
#f9aded
```
#f9aded rgb(249,173,237)
```
#fabff1
```
#fabff1 rgb(250,191,241)
```
#fcd2f5
```
#fcd2f5 rgb(252,210,245)
```
#fde4f9
```
#fde4f9 rgb(253,228,249)
```
#fef6fd
```
#fef6fd rgb(254,246,253)
```

Tint Color Variation

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

#918c90
```
#918c90 rgb(145,140,144)
```
#998496
```
#998496 rgb(153,132,150)
```
#a27b9c
```
#a27b9c rgb(162,123,156)
```
#ab72a2
```
#ab72a2 rgb(171,114,162)
```
#b36aa8
```
#b36aa8 rgb(179,106,168)
```
#bc61ae
```
#bc61ae rgb(188,97,174)
```
#c558b3
```
#c558b3 rgb(197,88,179)
```
#cd50b9
```
#cd50b9 rgb(205,80,185)
```
#d647bf
```
#d647bf rgb(214,71,191)
```
#df3ec5
```
#df3ec5 rgb(223,62,197)
```
#e736cb
```
#e736cb rgb(231,54,203)
```
#f02dd1
```
#f02dd1 rgb(240,45,209)
```
#f924d7
```
#f924d7 rgb(249,36,215)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#926b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#7d8dc1 Deuteranopia 1% of men
#e56369 Tritanopia 0.001% of the population

Trichromacy

#8469ee Protanomaly 1% of men, 0.01% of women
#a66ac6 Deuteranomaly 6% of men, 0.4% of women
#e94f8f Tritanomaly 0.01% of the population