#f542b4 hex color

In a RGB color space, hex #f542b4 is composed of 96.1% red, 25.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 26.5% yellow and 3.9% black. It has a hue angle of 321.8 degrees, a saturation of 89.9% and a lightness of 61%. #f542b4 color hex could be obtained by blending #ff84ff with #eb0069. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 26
- B 71
RGB color chart
- C 0
- M 73
- Y 27
- K 4
CMYK color chart

● #f542b4 color description : Bright pink.

The hexadecimal color #f542b4 has RGB values of R:245, G:66, B:180 and CMYK values of C:0, M:0.73, Y:0.27, K:0.04. Its decimal value is 16073396.

Hex triplet	f542b4	`#f542b4`
RGB Decimal	245, 66, 180	`rgb(245,66,180)`
RGB Percent	96.1, 25.9, 70.6	`rgb(96.1%,25.9%,70.6%)`
CMYK	0, 73, 27, 4
HSL	321.8°, 89.9, 61	`hsl(321.8,89.9%,61%)`
HSV (or HSB)	321.8°, 73.1, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.61, 76.142, -21.208
XYZ	47.843, 26.608, 45.794
xyY	0.398, 0.221, 26.608
CIE-LCH	58.61, 79.041, 344.436
CIE-LUV	58.61, 98.789, -44.589
Hunter-Lab	51.583, 75.286, -16.527
Binary	11110101, 01000010, 10110100

#f542b4
```
#f542b4 rgb(245,66,180)
```
#42f583
```
#42f583 rgb(66,245,131)
```

Complementary Color

#dd42f5
```
#dd42f5 rgb(221,66,245)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#f5425a
```
#f5425a rgb(245,66,90)
```

Analogous Color

#42f5dd
```
#42f5dd rgb(66,245,221)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#5bf542
```
#5bf542 rgb(91,245,66)
```

Split Complementary Color

#42b4f5
```
#42b4f5 rgb(66,180,245)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#b4f542
```
#b4f542 rgb(180,245,66)
```

Triadic Color

#8342f5
```
#8342f5 rgb(131,66,245)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#b4f542
```
#b4f542 rgb(180,245,66)
```
#42f583
```
#42f583 rgb(66,245,131)
```

Tetradic Color

#df0c92
```
#df0c92 rgb(223,12,146)
```
#f212a1
```
#f212a1 rgb(242,18,161)
```
#f42aaa
```
#f42aaa rgb(244,42,170)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#f65abe
```
#f65abe rgb(246,90,190)
```
#f872c7
```
#f872c7 rgb(248,114,199)
```
#f98bd1
```
#f98bd1 rgb(249,139,209)
```

Monochromatic Color

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

#f542e1
```
#f542e1 rgb(245,66,225)
```
#f542d2
```
#f542d2 rgb(245,66,210)
```
#f542c3
```
#f542c3 rgb(245,66,195)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#f542a5
```
#f542a5 rgb(245,66,165)
```
#f54296
```
#f54296 rgb(245,66,150)
```
#f54287
```
#f54287 rgb(245,66,135)
```

Similar Colors

Text with hexadecimal color #f542b4

This text has a font color of #f542b4.

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

#f542b4 background color

This paragraph has a background color of #f542b4.

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

#f542b4 border color

This element has a border color of #f542b4.

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

CSS codes

.text {color:#f542b4;}

.background {background-color:#f542b4;}

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

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, #10010a is the darkest color, while #fffcfe is the lightest one.

#10010a
```
#10010a rgb(16,1,10)
```
#230217
```
#230217 rgb(35,2,23)
```
#350323
```
#350323 rgb(53,3,35)
```
#48042f
```
#48042f rgb(72,4,47)
```
#5a053b
```
#5a053b rgb(90,5,59)
```
#6d0648
```
#6d0648 rgb(109,6,72)
```
#800754
```
#800754 rgb(128,7,84)
```
#920860
```
#920860 rgb(146,8,96)
```
#a5096c
```
#a5096c rgb(165,9,108)
```
#b80a78
```
#b80a78 rgb(184,10,120)
```
#ca0b85
```
#ca0b85 rgb(202,11,133)
```
#dd0c91
```
#dd0c91 rgb(221,12,145)
```
#ef0d9d
```
#ef0d9d rgb(239,13,157)
```

Shade Color Variation

#f31da5
```
#f31da5 rgb(243,29,165)
```
#f42fad
```
#f42fad rgb(244,47,173)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#f655bb
```
#f655bb rgb(246,85,187)
```
#f767c3
```
#f767c3 rgb(247,103,195)
```
#f87aca
```
#f87aca rgb(248,122,202)
```
#f98dd2
```
#f98dd2 rgb(249,141,210)
```
#fa9fd9
```
#fa9fd9 rgb(250,159,217)
```
#fbb2e0
```
#fbb2e0 rgb(251,178,224)
```
#fcc4e8
```
#fcc4e8 rgb(252,196,232)
```
#fdd7ef
```
#fdd7ef rgb(253,215,239)
```
#feeaf7
```
#feeaf7 rgb(254,234,247)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#a1969d
```
#a1969d rgb(161,150,157)
```
#a88f9f
```
#a88f9f rgb(168,143,159)
```
#b087a1
```
#b087a1 rgb(176,135,161)
```
#b87fa3
```
#b87fa3 rgb(184,127,163)
```
#bf78a5
```
#bf78a5 rgb(191,120,165)
```
#c770a7
```
#c770a7 rgb(199,112,167)
```
#cf68aa
```
#cf68aa rgb(207,104,170)
```
#d661ac
```
#d661ac rgb(214,97,172)
```
#de59ae
```
#de59ae rgb(222,89,174)
```
#e651b0
```
#e651b0 rgb(230,81,176)
```
#ed4ab2
```
#ed4ab2 rgb(237,74,178)
```
#f542b4
```
#f542b4 rgb(245,66,180)
```
#fd3ab6
```
#fd3ab6 rgb(253,58,182)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9b788e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7090e2 Protanopia 1% of men
#958fa9 Deuteranopia 1% of men
#ee6469 Tritanopia 0.001% of the population

Trichromacy

#a073d1 Protanomaly 1% of men, 0.01% of women
#b873ad Deuteranomaly 6% of men, 0.4% of women
#f15784 Tritanomaly 0.01% of the population

#f542b4 hex color

#f542b4 Color Information

#f542b4 Color Conversion

Color Schemes with #f542b4

Alternatives to #f542b4

#f542b4 Preview

Shades and Tints of #f542b4

Tones of #f542b4

Color Blindness Simulator