#f30481 hex color

In a RGB color space, hex #f30481 is composed of 95.3% red, 1.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 46.9% yellow and 4.7% black. It has a hue angle of 328.6 degrees, a saturation of 96.8% and a lightness of 48.4%. #f30481 color hex could be obtained by blending #ff08ff with #e70003. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 2
- B 51
RGB color chart
- C 0
- M 98
- Y 47
- K 5
CMYK color chart

● #f30481 color description : Vivid pink.

The hexadecimal color #f30481 has RGB values of R:243, G:4, B:129 and CMYK values of C:0, M:0.98, Y:0.47, K:0.05. Its decimal value is 15926401.

Hex triplet	f30481	`#f30481`
RGB Decimal	243, 4, 129	`rgb(243,4,129)`
RGB Percent	95.3, 1.6, 50.6	`rgb(95.3%,1.6%,50.6%)`
CMYK	0, 98, 47, 5
HSL	328.6°, 96.8, 48.4	`hsl(328.6,96.8%,48.4%)`
HSV (or HSB)	328.6°, 98.4, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	52.654, 81.774, -0.068
XYZ	40.969, 20.731, 22.612
xyY	0.486, 0.246, 20.731
CIE-LCH	52.654, 81.775, 359.952
CIE-LUV	52.654, 131.805, -16.33
Hunter-Lab	45.532, 80.935, 2.427
Binary	11110011, 00000100, 10000001

#f30481
```
#f30481 rgb(243,4,129)
```
#04f376
```
#04f376 rgb(4,243,118)
```

Complementary Color

#ee04f3
```
#ee04f3 rgb(238,4,243)
```
#f30481
```
#f30481 rgb(243,4,129)
```
#f30409
```
#f30409 rgb(243,4,9)
```

Analogous Color

#04f3ee
```
#04f3ee rgb(4,243,238)
```
#f30481
```
#f30481 rgb(243,4,129)
```
#09f304
```
#09f304 rgb(9,243,4)
```

Split Complementary Color

#0481f3
```
#0481f3 rgb(4,129,243)
```
#f30481
```
#f30481 rgb(243,4,129)
```
#81f304
```
#81f304 rgb(129,243,4)
```

Triadic Color

#7604f3
```
#7604f3 rgb(118,4,243)
```
#f30481
```
#f30481 rgb(243,4,129)
```
#81f304
```
#81f304 rgb(129,243,4)
```
#04f376
```
#04f376 rgb(4,243,118)
```

Tetradic Color

#a80359
```
#a80359 rgb(168,3,89)
```
#c10366
```
#c10366 rgb(193,3,102)
```
#da0474
```
#da0474 rgb(218,4,116)
```
#f30481
```
#f30481 rgb(243,4,129)
```
#fb158e
```
#fb158e rgb(251,21,142)
```
#fc2e9a
```
#fc2e9a rgb(252,46,154)
```
#fc48a6
```
#fc48a6 rgb(252,72,166)
```

Monochromatic Color

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

#f304bd
```
#f304bd rgb(243,4,189)
```
#f304a9
```
#f304a9 rgb(243,4,169)
```
#f30495
```
#f30495 rgb(243,4,149)
```
#f30481
```
#f30481 rgb(243,4,129)
```
#f3046d
```
#f3046d rgb(243,4,109)
```
#f30459
```
#f30459 rgb(243,4,89)
```
#f30445
```
#f30445 rgb(243,4,69)
```

Similar Colors

Text with hexadecimal color #f30481

This text has a font color of #f30481.

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

#f30481 background color

This paragraph has a background color of #f30481.

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

#f30481 border color

This element has a border color of #f30481.

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

CSS codes

.text {color:#f30481;}

.background {background-color:#f30481;}

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

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, #0b0006 is the darkest color, while #fff7fb is the lightest one.

#0b0006
```
#0b0006 rgb(11,0,6)
```
#1f0110
```
#1f0110 rgb(31,1,16)
```
#32011b
```
#32011b rgb(50,1,27)
```
#450125
```
#450125 rgb(69,1,37)
```
#59012f
```
#59012f rgb(89,1,47)
```
#6c0239
```
#6c0239 rgb(108,2,57)
```
#7f0244
```
#7f0244 rgb(127,2,68)
```
#93024e
```
#93024e rgb(147,2,78)
```
#a60358
```
#a60358 rgb(166,3,88)
```
#b90362
```
#b90362 rgb(185,3,98)
```
#cc036d
```
#cc036d rgb(204,3,109)
```
#e00477
```
#e00477 rgb(224,4,119)
```
#f30481
```
#f30481 rgb(243,4,129)
```

Shade Color Variation

#fb108b
```
#fb108b rgb(251,16,139)
```
#fb2394
```
#fb2394 rgb(251,35,148)
```
#fc369d
```
#fc369d rgb(252,54,157)
```
#fc49a7
```
#fc49a7 rgb(252,73,167)
```
#fc5db0
```
#fc5db0 rgb(252,93,176)
```
#fd70ba
```
#fd70ba rgb(253,112,186)
```
#fd83c3
```
#fd83c3 rgb(253,131,195)
```
#fd97cc
```
#fd97cc rgb(253,151,204)
```
#feaad6
```
#feaad6 rgb(254,170,214)
```
#febddf
```
#febddf rgb(254,189,223)
```
#fed1e8
```
#fed1e8 rgb(254,209,232)
```
#ffe4f2
```
#ffe4f2 rgb(255,228,242)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#81767c
```
#81767c rgb(129,118,124)
```
#8b6d7c
```
#8b6d7c rgb(139,109,124)
```
#94637d
```
#94637d rgb(148,99,125)
```
#9e5a7d
```
#9e5a7d rgb(158,90,125)
```
#a7507e
```
#a7507e rgb(167,80,126)
```
#b1477e
```
#b1477e rgb(177,71,126)
```
#ba3d7e
```
#ba3d7e rgb(186,61,126)
```
#c4347f
```
#c4347f rgb(196,52,127)
```
#cd2a7f
```
#cd2a7f rgb(205,42,127)
```
#d72180
```
#d72180 rgb(215,33,128)
```
#e01780
```
#e01780 rgb(224,23,128)
```
#ea0e81
```
#ea0e81 rgb(234,14,129)
```
#f30481
```
#f30481 rgb(243,4,129)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#794962 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7382b5 Protanopia 1% of men
#947f78 Deuteranopia 1% of men
#ef3b3c Tritanopia 0.001% of the population

Trichromacy

#a154a2 Protanomaly 1% of men, 0.01% of women
#b7527b Deuteranomaly 6% of men, 0.4% of women
#f02755 Tritanomaly 0.01% of the population

#f30481 hex color

#f30481 Color Information

#f30481 Color Conversion

Color Schemes with #f30481

Alternatives to #f30481

#f30481 Preview

Shades and Tints of #f30481

Tones of #f30481

Color Blindness Simulator