#f533b8 hex color

In a RGB color space, hex #f533b8 is composed of 96.1% red, 20% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 24.9% yellow and 3.9% black. It has a hue angle of 318.9 degrees, a saturation of 90.7% and a lightness of 58%. #f533b8 color hex could be obtained by blending #ff66ff with #eb0071. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 20
- B 72
RGB color chart
- C 0
- M 79
- Y 25
- K 4
CMYK color chart

● #f533b8 color description : Bright pink.

The hexadecimal color #f533b8 has RGB values of R:245, G:51, B:184 and CMYK values of C:0, M:0.79, Y:0.25, K:0.04. Its decimal value is 16069560.

Hex triplet	f533b8	`#f533b8`
RGB Decimal	245, 51, 184	`rgb(245,51,184)`
RGB Percent	96.1, 20, 72.2	`rgb(96.1%,20%,72.2%)`
CMYK	0, 79, 25, 4
HSL	318.9°, 90.7, 58	`hsl(318.9,90.7%,58%)`
HSV (or HSB)	318.9°, 79.2, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.313, 80.757, -25.512
XYZ	47.492, 25.245, 47.717
xyY	0.394, 0.21, 25.245
CIE-LCH	57.313, 84.691, 342.468
CIE-LUV	57.313, 101.209, -51.598
Hunter-Lab	50.245, 80.794, -21.136
Binary	11110101, 00110011, 10111000

#f533b8
```
#f533b8 rgb(245,51,184)
```
#33f570
```
#33f570 rgb(51,245,112)
```

Complementary Color

#d133f5
```
#d133f5 rgb(209,51,245)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#f53357
```
#f53357 rgb(245,51,87)
```

Analogous Color

#33f5d1
```
#33f5d1 rgb(51,245,209)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#57f533
```
#57f533 rgb(87,245,51)
```

Split Complementary Color

#33b8f5
```
#33b8f5 rgb(51,184,245)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#b8f533
```
#b8f533 rgb(184,245,51)
```

Triadic Color

#7033f5
```
#7033f5 rgb(112,51,245)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#b8f533
```
#b8f533 rgb(184,245,51)
```
#33f570
```
#33f570 rgb(51,245,112)
```

Tetradic Color

#d10a93
```
#d10a93 rgb(209,10,147)
```
#ea0ba4
```
#ea0ba4 rgb(234,11,164)
```
#f41bb0
```
#f41bb0 rgb(244,27,176)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#f64bc0
```
#f64bc0 rgb(246,75,192)
```
#f764c9
```
#f764c9 rgb(247,100,201)
```
#f97cd1
```
#f97cd1 rgb(249,124,209)
```

Monochromatic Color

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

#f533e9
```
#f533e9 rgb(245,51,233)
```
#f533d8
```
#f533d8 rgb(245,51,216)
```
#f533c8
```
#f533c8 rgb(245,51,200)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#f533a8
```
#f533a8 rgb(245,51,168)
```
#f53398
```
#f53398 rgb(245,51,152)
```
#f53388
```
#f53388 rgb(245,51,136)
```

Similar Colors

Text with hexadecimal color #f533b8

This text has a font color of #f533b8.

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

#f533b8 background color

This paragraph has a background color of #f533b8.

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

#f533b8 border color

This element has a border color of #f533b8.

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

CSS codes

.text {color:#f533b8;}

.background {background-color:#f533b8;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#14010e
```
#14010e rgb(20,1,14)
```
#27021b
```
#27021b rgb(39,2,27)
```
#3a0329
```
#3a0329 rgb(58,3,41)
```
#4c0436
```
#4c0436 rgb(76,4,54)
```
#5f0543
```
#5f0543 rgb(95,5,67)
```
#720650
```
#720650 rgb(114,6,80)
```
#85065d
```
#85065d rgb(133,6,93)
```
#97076a
```
#97076a rgb(151,7,106)
```
#aa0877
```
#aa0877 rgb(170,8,119)
```
#bd0984
```
#bd0984 rgb(189,9,132)
```
#cf0a91
```
#cf0a91 rgb(207,10,145)
```
#e20b9e
```
#e20b9e rgb(226,11,158)
```

Shade Color Variation

#f30eab
```
#f30eab rgb(243,14,171)
```
#f420b1
```
#f420b1 rgb(244,32,177)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#f646bf
```
#f646bf rgb(246,70,191)
```
#f758c5
```
#f758c5 rgb(247,88,197)
```
#f86bcc
```
#f86bcc rgb(248,107,204)
```
#f97ed2
```
#f97ed2 rgb(249,126,210)
```
#fa90d9
```
#fa90d9 rgb(250,144,217)
```
#faa3df
```
#faa3df rgb(250,163,223)
```
#fbb6e6
```
#fbb6e6 rgb(251,182,230)
```
#fcc9ec
```
#fcc9ec rgb(252,201,236)
```
#fddbf3
```
#fddbf3 rgb(253,219,243)
```
#feeef9
```
#feeef9 rgb(254,238,249)
```

Tint Color Variation

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

#9a8e96
```
#9a8e96 rgb(154,142,150)
```
#a38599
```
#a38599 rgb(163,133,153)
```
#ab7d9d
```
#ab7d9d rgb(171,125,157)
```
#b375a0
```
#b375a0 rgb(179,117,160)
```
#bb6da3
```
#bb6da3 rgb(187,109,163)
```
#c464a6
```
#c464a6 rgb(196,100,166)
```
#cc5ca9
```
#cc5ca9 rgb(204,92,169)
```
#d454ac
```
#d454ac rgb(212,84,172)
```
#dc4caf
```
#dc4caf rgb(220,76,175)
```
#e543b2
```
#e543b2 rgb(229,67,178)
```
#ed3bb5
```
#ed3bb5 rgb(237,59,181)
```
#f533b8
```
#f533b8 rgb(245,51,184)
```
#fd2bbb
```
#fd2bbb rgb(253,43,187)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#946d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#608ced Protanopia 1% of men
#8e8cab Deuteranopia 1% of men
#ed5d62 Tritanopia 0.001% of the population

Trichromacy

#966cd9 Protanomaly 1% of men, 0.01% of women
#b36cb0 Deuteranomaly 6% of men, 0.4% of women
#f04e81 Tritanomaly 0.01% of the population

#f533b8 hex color

#f533b8 Color Information

#f533b8 Color Conversion

Color Schemes with #f533b8

Alternatives to #f533b8

#f533b8 Preview

Shades and Tints of #f533b8

Tones of #f533b8

Color Blindness Simulator