#fc30b2 hex color

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

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

● #fc30b2 color description : Bright pink.

The hexadecimal color #fc30b2 has RGB values of R:252, G:48, B:178 and CMYK values of C:0, M:0.81, Y:0.29, K:0.01. Its decimal value is 16527538.

Hex triplet	fc30b2	`#fc30b2`
RGB Decimal	252, 48, 178	`rgb(252,48,178)`
RGB Percent	98.8, 18.8, 69.8	`rgb(98.8%,18.8%,69.8%)`
CMYK	0, 81, 29, 1
HSL	321.8°, 97.1, 58.8	`hsl(321.8,97.1%,58.8%)`
HSV (or HSB)	321.8°, 81, 98.8
Web Safe	ff3399	`#ff3399`

CIE-LAB	58.064, 82.326, -20.778
XYZ	49.238, 26.028, 44.548
xyY	0.411, 0.217, 26.028
CIE-LCH	58.064, 84.908, 345.835
CIE-LUV	58.064, 109.978, -45.089
Hunter-Lab	51.018, 82.992, -16.058
Binary	11111100, 00110000, 10110010

#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#30fc7a
```
#30fc7a rgb(48,252,122)
```

Complementary Color

#e030fc
```
#e030fc rgb(224,48,252)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#fc304c
```
#fc304c rgb(252,48,76)
```

Analogous Color

#30fce0
```
#30fce0 rgb(48,252,224)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#4cfc30
```
#4cfc30 rgb(76,252,48)
```

Split Complementary Color

#30b2fc
```
#30b2fc rgb(48,178,252)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#b2fc30
```
#b2fc30 rgb(178,252,48)
```

Triadic Color

#7a30fc
```
#7a30fc rgb(122,48,252)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#b2fc30
```
#b2fc30 rgb(178,252,48)
```
#30fc7a
```
#30fc7a rgb(48,252,122)
```

Tetradic Color

#dc038e
```
#dc038e rgb(220,3,142)
```
#f5049e
```
#f5049e rgb(245,4,158)
```
#fc17a9
```
#fc17a9 rgb(252,23,169)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#fc49bb
```
#fc49bb rgb(252,73,187)
```
#fd62c5
```
#fd62c5 rgb(253,98,197)
```
#fd7bce
```
#fd7bce rgb(253,123,206)
```

Monochromatic Color

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

#fc30e5
```
#fc30e5 rgb(252,48,229)
```
#fc30d4
```
#fc30d4 rgb(252,48,212)
```
#fc30c3
```
#fc30c3 rgb(252,48,195)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#fc30a1
```
#fc30a1 rgb(252,48,161)
```
#fc3090
```
#fc3090 rgb(252,48,144)
```
#fc307f
```
#fc307f rgb(252,48,127)
```

Similar Colors

Text with hexadecimal color #fc30b2

This text has a font color of #fc30b2.

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

#fc30b2 background color

This paragraph has a background color of #fc30b2.

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

#fc30b2 border color

This element has a border color of #fc30b2.

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

CSS codes

.text {color:#fc30b2;}

.background {background-color:#fc30b2;}

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

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)
```
#2c011d
```
#2c011d rgb(44,1,29)
```
#400129
```
#400129 rgb(64,1,41)
```
#530135
```
#530135 rgb(83,1,53)
```
#660142
```
#660142 rgb(102,1,66)
```
#7a024e
```
#7a024e rgb(122,2,78)
```
#8d025b
```
#8d025b rgb(141,2,91)
```
#a00267
```
#a00267 rgb(160,2,103)
```
#b40373
```
#b40373 rgb(180,3,115)
```
#c70380
```
#c70380 rgb(199,3,128)
```
#da038c
```
#da038c rgb(218,3,140)
```
#ee0399
```
#ee0399 rgb(238,3,153)
```

Shade Color Variation

#fb09a4
```
#fb09a4 rgb(251,9,164)
```
#fc1dab
```
#fc1dab rgb(252,29,171)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```
#fc43b9
```
#fc43b9 rgb(252,67,185)
```
#fd57c0
```
#fd57c0 rgb(253,87,192)
```
#fd6ac8
```
#fd6ac8 rgb(253,106,200)
```
#fd7dcf
```
#fd7dcf rgb(253,125,207)
```
#fd91d6
```
#fd91d6 rgb(253,145,214)
```
#fea4dd
```
#fea4dd rgb(254,164,221)
```
#feb7e4
```
#feb7e4 rgb(254,183,228)
```
#fecbec
```
#fecbec rgb(254,203,236)
```
#ffdef3
```
#ffdef3 rgb(255,222,243)
```
#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 #fc30b2 is the most saturated one.

#9b9197
```
#9b9197 rgb(155,145,151)
```
#a3899a
```
#a3899a rgb(163,137,154)
```
#ab819c
```
#ab819c rgb(171,129,156)
```
#b3799e
```
#b3799e rgb(179,121,158)
```
#bb71a0
```
#bb71a0 rgb(187,113,160)
```
#c369a2
```
#c369a2 rgb(195,105,162)
```
#cc60a5
```
#cc60a5 rgb(204,96,165)
```
#d458a7
```
#d458a7 rgb(212,88,167)
```
#dc50a9
```
#dc50a9 rgb(220,80,169)
```
#e448ab
```
#e448ab rgb(228,72,171)
```
#ec40ae
```
#ec40ae rgb(236,64,174)
```
#f438b0
```
#f438b0 rgb(244,56,176)
```
#fc30b2
```
#fc30b2 rgb(252,48,178)
```

Tone Color Variation

Below, you can see how #fc30b2 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
#966d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698ee7 Protanopia 1% of men
#948ea5 Deuteranopia 1% of men
#f55a5f Tritanopia 0.001% of the population

Trichromacy

#9e6cd4 Protanomaly 1% of men, 0.01% of women
#ba6baa Deuteranomaly 6% of men, 0.4% of women
#f74b7d Tritanomaly 0.01% of the population

#fc30b2 hex color

#fc30b2 Color Information

#fc30b2 Color Conversion

Color Schemes with #fc30b2

Alternatives to #fc30b2

#fc30b2 Preview

Shades and Tints of #fc30b2

Tones of #fc30b2

Color Blindness Simulator