#fb2af4 hex color

In a RGB color space, hex #fb2af4 is composed of 98.4% red, 16.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.3% magenta, 2.8% yellow and 1.6% black. It has a hue angle of 302 degrees, a saturation of 96.3% and a lightness of 57.5%. #fb2af4 color hex could be obtained by blending #ff54ff with #f700e9. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 98
- G 16
- B 96
RGB color chart
- C 0
- M 83
- Y 3
- K 2
CMYK color chart

● #fb2af4 color description : Bright magenta.

The hexadecimal color #fb2af4 has RGB values of R:251, G:42, B:244 and CMYK values of C:0, M:0.83, Y:0.03, K:0.02. Its decimal value is 16460532.

Hex triplet	fb2af4	`#fb2af4`
RGB Decimal	251, 42, 244	`rgb(251,42,244)`
RGB Percent	98.4, 16.5, 95.7	`rgb(98.4%,16.5%,95.7%)`
CMYK	0, 83, 3, 2
HSL	302°, 96.3, 57.5	`hsl(302,96.3%,57.5%)`
HSV (or HSB)	302°, 83.3, 98.4
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.517, 91.685, -54.458
XYZ	56.94, 28.701, 88.124
xyY	0.328, 0.165, 28.701
CIE-LCH	60.517, 106.639, 329.291
CIE-LUV	60.517, 82.686, -98.152
Hunter-Lab	53.573, 95.964, -60.027
Binary	11111011, 00101010, 11110100

#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#2afb31
```
#2afb31 rgb(42,251,49)
```

Complementary Color

#9a2afb
```
#9a2afb rgb(154,42,251)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#fb2a8c
```
#fb2a8c rgb(251,42,140)
```

Analogous Color

#2afb9a
```
#2afb9a rgb(42,251,154)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#8cfb2a
```
#8cfb2a rgb(140,251,42)
```

Split Complementary Color

#2af4fb
```
#2af4fb rgb(42,244,251)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#f4fb2a
```
#f4fb2a rgb(244,251,42)
```

Triadic Color

#312afb
```
#312afb rgb(49,42,251)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#f4fb2a
```
#f4fb2a rgb(244,251,42)
```
#2afb31
```
#2afb31 rgb(42,251,49)
```

Tetradic Color

#d504ce
```
#d504ce rgb(213,4,206)
```
#ee04e6
```
#ee04e6 rgb(238,4,230)
```
#fb11f3
```
#fb11f3 rgb(251,17,243)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#fb43f5
```
#fb43f5 rgb(251,67,245)
```
#fc5cf7
```
#fc5cf7 rgb(252,92,247)
```
#fc75f8
```
#fc75f8 rgb(252,117,248)
```

Monochromatic Color

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

#ce2afb
```
#ce2afb rgb(206,42,251)
```
#df2afb
```
#df2afb rgb(223,42,251)
```
#f12afb
```
#f12afb rgb(241,42,251)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#fb2ae3
```
#fb2ae3 rgb(251,42,227)
```
#fb2ad1
```
#fb2ad1 rgb(251,42,209)
```
#fb2ac0
```
#fb2ac0 rgb(251,42,192)
```

Similar Colors

Text with hexadecimal color #fb2af4

This text has a font color of #fb2af4.

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

#fb2af4 background color

This paragraph has a background color of #fb2af4.

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

#fb2af4 border color

This element has a border color of #fb2af4.

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

CSS codes

.text {color:#fb2af4;}

.background {background-color:#fb2af4;}

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

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

#120011
```
#120011 rgb(18,0,17)
```
#250124
```
#250124 rgb(37,1,36)
```
#390137
```
#390137 rgb(57,1,55)
```
#4c0149
```
#4c0149 rgb(76,1,73)
```
#5f025c
```
#5f025c rgb(95,2,92)
```
#72026f
```
#72026f rgb(114,2,111)
```
#860381
```
#860381 rgb(134,3,129)
```
#990394
```
#990394 rgb(153,3,148)
```
#ac03a6
```
#ac03a6 rgb(172,3,166)
```
#bf04b9
```
#bf04b9 rgb(191,4,185)
```
#d304cc
```
#d304cc rgb(211,4,204)
```
#e604de
```
#e604de rgb(230,4,222)
```
#f905f1
```
#f905f1 rgb(249,5,241)
```

Shade Color Variation

#fb17f3
```
#fb17f3 rgb(251,23,243)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```
#fb3df5
```
#fb3df5 rgb(251,61,245)
```
#fc51f6
```
#fc51f6 rgb(252,81,246)
```
#fc64f7
```
#fc64f7 rgb(252,100,247)
```
#fc77f8
```
#fc77f8 rgb(252,119,248)
```
#fd8af9
```
#fd8af9 rgb(253,138,249)
```
#fd9efa
```
#fd9efa rgb(253,158,250)
```
#feb1fb
```
#feb1fb rgb(254,177,251)
```
#fec4fc
```
#fec4fc rgb(254,196,252)
```
#fed7fd
```
#fed7fd rgb(254,215,253)
```
#ffebfe
```
#ffebfe rgb(255,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#978e97
```
#978e97 rgb(151,142,151)
```
#9f869e
```
#9f869e rgb(159,134,158)
```
#a87da6
```
#a87da6 rgb(168,125,166)
```
#b075ae
```
#b075ae rgb(176,117,174)
```
#b86db6
```
#b86db6 rgb(184,109,182)
```
#c164bd
```
#c164bd rgb(193,100,189)
```
#c95cc5
```
#c95cc5 rgb(201,92,197)
```
#d154cd
```
#d154cd rgb(209,84,205)
```
#da4bd5
```
#da4bd5 rgb(218,75,213)
```
#e243dd
```
#e243dd rgb(226,67,221)
```
#ea3be4
```
#ea3be4 rgb(234,59,228)
```
#f332ec
```
#f332ec rgb(243,50,236)
```
#fb2af4
```
#fb2af4 rgb(251,42,244)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#996f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e94ff Protanopia 1% of men
#7197df Deuteranopia 1% of men
#ec6f76 Tritanopia 0.001% of the population

Trichromacy

#976dfb Protanomaly 1% of men, 0.01% of women
#a36fe6 Deuteranomaly 6% of men, 0.4% of women
#f156a4 Tritanomaly 0.01% of the population

#fb2af4 hex color

#fb2af4 Color Information

#fb2af4 Color Conversion

Color Schemes with #fb2af4

Alternatives to #fb2af4

#fb2af4 Preview

Shades and Tints of #fb2af4

Tones of #fb2af4

Color Blindness Simulator