#fb5af4 hex color

In a RGB color space, hex #fb5af4 is composed of 98.4% red, 35.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 2.8% yellow and 1.6% black. It has a hue angle of 302.6 degrees, a saturation of 95.3% and a lightness of 66.9%. #fb5af4 color hex could be obtained by blending #ffb4ff with #f700e9. Closest websafe color is: #ff66ff.

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

● #fb5af4 color description : Soft magenta.

The hexadecimal color #fb5af4 has RGB values of R:251, G:90, B:244 and CMYK values of C:0, M:0.64, Y:0.03, K:0.02. Its decimal value is 16472820.

Hex triplet	fb5af4	`#fb5af4`
RGB Decimal	251, 90, 244	`rgb(251,90,244)`
RGB Percent	98.4, 35.3, 95.7	`rgb(98.4%,35.3%,95.7%)`
CMYK	0, 64, 3, 2
HSL	302.6°, 95.3, 66.9	`hsl(302.6,95.3%,66.9%)`
HSV (or HSB)	302.6°, 64.1, 98.4
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.245, 78.171, -46.969
XYZ	59.768, 34.357, 89.067
xyY	0.326, 0.188, 34.357
CIE-LCH	65.245, 91.196, 329.001
CIE-LUV	65.245, 72.931, -85.871
Hunter-Lab	58.615, 79.436, -49.062
Binary	11111011, 01011010, 11110100

#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#5afb61
```
#5afb61 rgb(90,251,97)
```

Complementary Color

#b25afb
```
#b25afb rgb(178,90,251)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#fb5aa4
```
#fb5aa4 rgb(251,90,164)
```

Analogous Color

#5afbb2
```
#5afbb2 rgb(90,251,178)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#a4fb5a
```
#a4fb5a rgb(164,251,90)
```

Split Complementary Color

#5af4fb
```
#5af4fb rgb(90,244,251)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#f4fb5a
```
#f4fb5a rgb(244,251,90)
```

Triadic Color

#615afb
```
#615afb rgb(97,90,251)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#f4fb5a
```
#f4fb5a rgb(244,251,90)
```
#5afb61
```
#5afb61 rgb(90,251,97)
```

Tetradic Color

#f90fef
```
#f90fef rgb(249,15,239)
```
#fa28f1
```
#fa28f1 rgb(250,40,241)
```
#fa41f2
```
#fa41f2 rgb(250,65,242)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#fc73f6
```
#fc73f6 rgb(252,115,246)
```
#fc8cf7
```
#fc8cf7 rgb(252,140,247)
```
#fda5f9
```
#fda5f9 rgb(253,165,249)
```

Monochromatic Color

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

#da5afb
```
#da5afb rgb(218,90,251)
```
#e75afb
```
#e75afb rgb(231,90,251)
```
#f55afb
```
#f55afb rgb(245,90,251)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#fb5ae7
```
#fb5ae7 rgb(251,90,231)
```
#fb5ad9
```
#fb5ad9 rgb(251,90,217)
```
#fb5acc
```
#fb5acc rgb(251,90,204)
```

Similar Colors

Text with hexadecimal color #fb5af4

This text has a font color of #fb5af4.

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

#fb5af4 background color

This paragraph has a background color of #fb5af4.

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

#fb5af4 border color

This element has a border color of #fb5af4.

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

CSS codes

.text {color:#fb5af4;}

.background {background-color:#fb5af4;}

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

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

#070007
```
#070007 rgb(7,0,7)
```
#1b0119
```
#1b0119 rgb(27,1,25)
```
#2e012c
```
#2e012c rgb(46,1,44)
```
#41023e
```
#41023e rgb(65,2,62)
```
#540250
```
#540250 rgb(84,2,80)
```
#670263
```
#670263 rgb(103,2,99)
```
#7a0375
```
#7a0375 rgb(122,3,117)
```
#8d0387
```
#8d0387 rgb(141,3,135)
```
#a1049a
```
#a1049a rgb(161,4,154)
```
#b404ac
```
#b404ac rgb(180,4,172)
```
#c705be
```
#c705be rgb(199,5,190)
```
#da05d1
```
#da05d1 rgb(218,5,209)
```
#ed06e3
```
#ed06e3 rgb(237,6,227)
```

Shade Color Variation

#f90def
```
#f90def rgb(249,13,239)
```
#fa21f0
```
#fa21f0 rgb(250,33,240)
```
#fa34f1
```
#fa34f1 rgb(250,52,241)
```
#fb47f3
```
#fb47f3 rgb(251,71,243)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```
#fb6df5
```
#fb6df5 rgb(251,109,245)
```
#fc80f7
```
#fc80f7 rgb(252,128,247)
```
#fc93f8
```
#fc93f8 rgb(252,147,248)
```
#fda7f9
```
#fda7f9 rgb(253,167,249)
```
#fdbafa
```
#fdbafa rgb(253,186,250)
```
#fecdfc
```
#fecdfc rgb(254,205,252)
```
#fee0fd
```
#fee0fd rgb(254,224,253)
```
#fff3fe
```
#fff3fe rgb(255,243,254)
```

Tint Color Variation

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

#ada8ad
```
#ada8ad rgb(173,168,173)
```
#b4a2b3
```
#b4a2b3 rgb(180,162,179)
```
#ba9bb9
```
#ba9bb9 rgb(186,155,185)
```
#c195bf
```
#c195bf rgb(193,149,191)
```
#c78ec5
```
#c78ec5 rgb(199,142,197)
```
#ce88ca
```
#ce88ca rgb(206,136,202)
```
#d481d0
```
#d481d0 rgb(212,129,208)
```
#db7bd6
```
#db7bd6 rgb(219,123,214)
```
#e174dc
```
#e174dc rgb(225,116,220)
```
#e86ee2
```
#e86ee2 rgb(232,110,226)
```
#ee67e8
```
#ee67e8 rgb(238,103,232)
```
#f560ee
```
#f560ee rgb(245,96,238)
```
#fb5af4
```
#fb5af4 rgb(251,90,244)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#af8fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#78a0ff Protanopia 1% of men
#88a2e3 Deuteranopia 1% of men
#ee838c Tritanopia 0.001% of the population

Trichromacy

#a886fb Protanomaly 1% of men, 0.01% of women
#b287e9 Deuteranomaly 6% of men, 0.4% of women
#f274b1 Tritanomaly 0.01% of the population

#fb5af4 hex color

#fb5af4 Color Information

#fb5af4 Color Conversion

Color Schemes with #fb5af4

Alternatives to #fb5af4

#fb5af4 Preview

Shades and Tints of #fb5af4

Tones of #fb5af4

Color Blindness Simulator