#ff30c6 hex color

In a RGB color space, hex #ff30c6 is composed of 100% red, 18.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 22.4% yellow and 0% black. It has a hue angle of 316.5 degrees, a saturation of 100% and a lightness of 59.4%. #ff30c6 color hex could be obtained by blending #ff60ff with #ff008d. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 100
- G 19
- B 78
RGB color chart
- C 0
- M 81
- Y 22
- K 0
CMYK color chart

● #ff30c6 color description : Vivid pink.

The hexadecimal color #ff30c6 has RGB values of R:255, G:48, B:198 and CMYK values of C:0, M:0.81, Y:0.22, K:0. Its decimal value is 16724166.

Hex triplet	ff30c6	`#ff30c6`
RGB Decimal	255, 48, 198	`rgb(255,48,198)`
RGB Percent	100, 18.8, 77.6	`rgb(100%,18.8%,77.6%)`
CMYK	0, 81, 22, 0
HSL	316.5°, 100, 59.4	`hsl(316.5,100%,59.4%)`
HSV (or HSB)	316.5°, 81.2, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.394, 85.247, -30.211
XYZ	52.49, 27.456, 55.958
xyY	0.386, 0.202, 27.456
CIE-LCH	59.394, 90.442, 340.486
CIE-LUV	59.394, 103.674, -59.821
Hunter-Lab	52.398, 87.117, -26.639
Binary	11111111, 00110000, 11000110

#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#30ff69
```
#30ff69 rgb(48,255,105)
```

Complementary Color

#d130ff
```
#d130ff rgb(209,48,255)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#ff305e
```
#ff305e rgb(255,48,94)
```

Analogous Color

#30ffd1
```
#30ffd1 rgb(48,255,209)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#5eff30
```
#5eff30 rgb(94,255,48)
```

Split Complementary Color

#30c6ff
```
#30c6ff rgb(48,198,255)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#c6ff30
```
#c6ff30 rgb(198,255,48)
```

Triadic Color

#6930ff
```
#6930ff rgb(105,48,255)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#c6ff30
```
#c6ff30 rgb(198,255,48)
```
#30ff69
```
#30ff69 rgb(48,255,105)
```

Tetradic Color

#e300a4
```
#e300a4 rgb(227,0,164)
```
#fc00b7
```
#fc00b7 rgb(252,0,183)
```
#ff17bf
```
#ff17bf rgb(255,23,191)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#ff4acd
```
#ff4acd rgb(255,74,205)
```
#ff63d4
```
#ff63d4 rgb(255,99,212)
```
#ff7ddb
```
#ff7ddb rgb(255,125,219)
```

Monochromatic Color

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

#ff30fa
```
#ff30fa rgb(255,48,250)
```
#ff30e9
```
#ff30e9 rgb(255,48,233)
```
#ff30d7
```
#ff30d7 rgb(255,48,215)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#ff30b5
```
#ff30b5 rgb(255,48,181)
```
#ff30a4
```
#ff30a4 rgb(255,48,164)
```
#ff3092
```
#ff3092 rgb(255,48,146)
```

Similar Colors

Text with hexadecimal color #ff30c6

This text has a font color of #ff30c6.

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

#ff30c6 background color

This paragraph has a background color of #ff30c6.

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

#ff30c6 border color

This element has a border color of #ff30c6.

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

CSS codes

.text {color:#ff30c6;}

.background {background-color:#ff30c6;}

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

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

#090006
```
#090006 rgb(9,0,6)
```
#1c0015
```
#1c0015 rgb(28,0,21)
```
#300023
```
#300023 rgb(48,0,35)
```
#440031
```
#440031 rgb(68,0,49)
```
#57003f
```
#57003f rgb(87,0,63)
```
#6b004d
```
#6b004d rgb(107,0,77)
```
#7e005c
```
#7e005c rgb(126,0,92)
```
#92006a
```
#92006a rgb(146,0,106)
```
#a60078
```
#a60078 rgb(166,0,120)
```
#b90086
```
#b90086 rgb(185,0,134)
```
#cd0094
```
#cd0094 rgb(205,0,148)
```
#e100a3
```
#e100a3 rgb(225,0,163)
```
#f400b1
```
#f400b1 rgb(244,0,177)
```

Shade Color Variation

#ff09bb
```
#ff09bb rgb(255,9,187)
```
#ff1cc1
```
#ff1cc1 rgb(255,28,193)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```
#ff44cb
```
#ff44cb rgb(255,68,203)
```
#ff57d1
```
#ff57d1 rgb(255,87,209)
```
#ff6bd6
```
#ff6bd6 rgb(255,107,214)
```
#ff7edc
```
#ff7edc rgb(255,126,220)
```
#ff92e1
```
#ff92e1 rgb(255,146,225)
```
#ffa6e6
```
#ffa6e6 rgb(255,166,230)
```
#ffb9ec
```
#ffb9ec rgb(255,185,236)
```
#ffcdf1
```
#ffcdf1 rgb(255,205,241)
```
#ffe1f7
```
#ffe1f7 rgb(255,225,247)
```
#fff4fc
```
#fff4fc rgb(255,244,252)
```

Tint Color Variation

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

#9f909b
```
#9f909b rgb(159,144,155)
```
#a7889f
```
#a7889f rgb(167,136,159)
```
#af80a2
```
#af80a2 rgb(175,128,162)
```
#b778a6
```
#b778a6 rgb(183,120,166)
```
#bf70a9
```
#bf70a9 rgb(191,112,169)
```
#c768ad
```
#c768ad rgb(199,104,173)
```
#cf60b1
```
#cf60b1 rgb(207,96,177)
```
#d758b4
```
#d758b4 rgb(215,88,180)
```
#df50b8
```
#df50b8 rgb(223,80,184)
```
#e748bb
```
#e748bb rgb(231,72,187)
```
#ef40bf
```
#ef40bf rgb(239,64,191)
```
#f738c2
```
#f738c2 rgb(247,56,194)
```
#ff30c6
```
#ff30c6 rgb(255,48,198)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#996f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#8f92b7 Deuteranopia 1% of men
#f66166 Tritanopia 0.001% of the population

Trichromacy

#956dea Protanomaly 1% of men, 0.01% of women
#b86ebc Deuteranomaly 6% of men, 0.4% of women
#f94f89 Tritanomaly 0.01% of the population

#ff30c6 hex color

#ff30c6 Color Information

#ff30c6 Color Conversion

Color Schemes with #ff30c6

Alternatives to #ff30c6

#ff30c6 Preview

Shades and Tints of #ff30c6

Tones of #ff30c6

Color Blindness Simulator