#fc30af hex color

In a RGB color space, hex #fc30af is composed of 98.8% red, 18.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 30.6% yellow and 1.2% black. It has a hue angle of 322.6 degrees, a saturation of 97.1% and a lightness of 58.8%. #fc30af color hex could be obtained by blending #ff60ff with #f9005f. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 99
- G 19
- B 69
RGB color chart
- C 0
- M 81
- Y 31
- K 1
CMYK color chart

● #fc30af color description : Bright pink.

The hexadecimal color #fc30af has RGB values of R:252, G:48, B:175 and CMYK values of C:0, M:0.81, Y:0.31, K:0.01. Its decimal value is 16527535.

Hex triplet	fc30af	`#fc30af`
RGB Decimal	252, 48, 175	`rgb(252,48,175)`
RGB Percent	98.8, 18.8, 68.6	`rgb(98.8%,18.8%,68.6%)`
CMYK	0, 81, 31, 1
HSL	322.6°, 97.1, 58.8	`hsl(322.6,97.1%,58.8%)`
HSV (or HSB)	322.6°, 81, 98.8
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.951, 82.002, -19.209
XYZ	48.94, 25.909, 42.979
xyY	0.415, 0.22, 25.909
CIE-LCH	57.951, 84.222, 346.816
CIE-LUV	57.951, 111.282, -42.736
Hunter-Lab	50.901, 82.547, -14.431
Binary	11111100, 00110000, 10101111

#fc30af
```
#fc30af rgb(252,48,175)
```
#30fc7d
```
#30fc7d rgb(48,252,125)
```

Complementary Color

#e330fc
```
#e330fc rgb(227,48,252)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#fc3049
```
#fc3049 rgb(252,48,73)
```

Analogous Color

#30fce3
```
#30fce3 rgb(48,252,227)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#49fc30
```
#49fc30 rgb(73,252,48)
```

Split Complementary Color

#30affc
```
#30affc rgb(48,175,252)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#affc30
```
#affc30 rgb(175,252,48)
```

Triadic Color

#7d30fc
```
#7d30fc rgb(125,48,252)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#affc30
```
#affc30 rgb(175,252,48)
```
#30fc7d
```
#30fc7d rgb(48,252,125)
```

Tetradic Color

#dc038a
```
#dc038a rgb(220,3,138)
```
#f5049a
```
#f5049a rgb(245,4,154)
```
#fc17a5
```
#fc17a5 rgb(252,23,165)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#fc49b9
```
#fc49b9 rgb(252,73,185)
```
#fd62c2
```
#fd62c2 rgb(253,98,194)
```
#fd7bcc
```
#fd7bcc rgb(253,123,204)
```

Monochromatic Color

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

#fc30e2
```
#fc30e2 rgb(252,48,226)
```
#fc30d1
```
#fc30d1 rgb(252,48,209)
```
#fc30c0
```
#fc30c0 rgb(252,48,192)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#fc309e
```
#fc309e rgb(252,48,158)
```
#fc308d
```
#fc308d rgb(252,48,141)
```
#fc307c
```
#fc307c rgb(252,48,124)
```

Similar Colors

Text with hexadecimal color #fc30af

This text has a font color of #fc30af.

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

#fc30af background color

This paragraph has a background color of #fc30af.

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

#fc30af border color

This element has a border color of #fc30af.

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

CSS codes

.text {color:#fc30af;}

.background {background-color:#fc30af;}

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

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

#060004
```
#060004 rgb(6,0,4)
```
#190010
```
#190010 rgb(25,0,16)
```
#2c011c
```
#2c011c rgb(44,1,28)
```
#400128
```
#400128 rgb(64,1,40)
```
#530134
```
#530134 rgb(83,1,52)
```
#660140
```
#660140 rgb(102,1,64)
```
#7a024c
```
#7a024c rgb(122,2,76)
```
#8d0259
```
#8d0259 rgb(141,2,89)
```
#a00265
```
#a00265 rgb(160,2,101)
```
#b40371
```
#b40371 rgb(180,3,113)
```
#c7037d
```
#c7037d rgb(199,3,125)
```
#da0389
```
#da0389 rgb(218,3,137)
```
#ee0395
```
#ee0395 rgb(238,3,149)
```

Shade Color Variation

#fb09a0
```
#fb09a0 rgb(251,9,160)
```
#fc1da8
```
#fc1da8 rgb(252,29,168)
```
#fc30af
```
#fc30af rgb(252,48,175)
```
#fc43b6
```
#fc43b6 rgb(252,67,182)
```
#fd57be
```
#fd57be rgb(253,87,190)
```
#fd6ac5
```
#fd6ac5 rgb(253,106,197)
```
#fd7dcd
```
#fd7dcd rgb(253,125,205)
```
#fd91d4
```
#fd91d4 rgb(253,145,212)
```
#fea4dc
```
#fea4dc rgb(254,164,220)
```
#feb7e3
```
#feb7e3 rgb(254,183,227)
```
#fecbeb
```
#fecbeb rgb(254,203,235)
```
#ffdef2
```
#ffdef2 rgb(255,222,242)
```
#fff1fa
```
#fff1fa rgb(255,241,250)
```

Tint Color Variation

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

#9b9197
```
#9b9197 rgb(155,145,151)
```
#a38999
```
#a38999 rgb(163,137,153)
```
#ab819b
```
#ab819b rgb(171,129,155)
```
#b3799d
```
#b3799d rgb(179,121,157)
```
#bb719f
```
#bb719f rgb(187,113,159)
```
#c369a1
```
#c369a1 rgb(195,105,161)
```
#cc60a3
```
#cc60a3 rgb(204,96,163)
```
#d458a5
```
#d458a5 rgb(212,88,165)
```
#dc50a7
```
#dc50a7 rgb(220,80,167)
```
#e448a9
```
#e448a9 rgb(228,72,169)
```
#ec40ab
```
#ec40ab rgb(236,64,171)
```
#f438ad
```
#f438ad rgb(244,56,173)
```
#fc30af
```
#fc30af rgb(252,48,175)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#956c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b8ee4 Protanopia 1% of men
#958da3 Deuteranopia 1% of men
#f5595e Tritanopia 0.001% of the population

Trichromacy

#a06cd0 Protanomaly 1% of men, 0.01% of women
#ba6ba7 Deuteranomaly 6% of men, 0.4% of women
#f74a7b Tritanomaly 0.01% of the population

#fc30af hex color

#fc30af Color Information

#fc30af Color Conversion

Color Schemes with #fc30af

Alternatives to #fc30af

#fc30af Preview

Shades and Tints of #fc30af

Tones of #fc30af

Color Blindness Simulator