#f83081 hex color

In a RGB color space, hex #f83081 is composed of 97.3% red, 18.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 48% yellow and 2.7% black. It has a hue angle of 335.7 degrees, a saturation of 93.5% and a lightness of 58%. #f83081 color hex could be obtained by blending #ff60ff with #f10003. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 97
- G 19
- B 51
RGB color chart
- C 0
- M 81
- Y 48
- K 3
CMYK color chart

● #f83081 color description : Bright pink.

The hexadecimal color #f83081 has RGB values of R:248, G:48, B:129 and CMYK values of C:0, M:0.81, Y:0.48, K:0.03. Its decimal value is 16265345.

Hex triplet	f83081	`#f83081`
RGB Decimal	248, 48, 129	`rgb(248,48,129)`
RGB Percent	97.3, 18.8, 50.6	`rgb(97.3%,18.8%,50.6%)`
CMYK	0, 81, 48, 3
HSL	335.7°, 93.5, 58	`hsl(335.7,93.5%,58%)`
HSV (or HSB)	335.7°, 80.6, 97.3
Web Safe	ff3399	`#ff3399`

CIE-LAB	55.746, 76.754, 4.534
XYZ	43.732, 23.66, 23.032
xyY	0.484, 0.262, 23.66
CIE-LCH	55.746, 76.887, 3.381
CIE-LUV	55.746, 127.659, -9.472
Hunter-Lab	48.642, 75.361, 5.976
Binary	11111000, 00110000, 10000001

#f83081
```
#f83081 rgb(248,48,129)
```
#30f8a7
```
#30f8a7 rgb(48,248,167)
```

Complementary Color

#f830e5
```
#f830e5 rgb(248,48,229)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#f84330
```
#f84330 rgb(248,67,48)
```

Analogous Color

#30e5f8
```
#30e5f8 rgb(48,229,248)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#30f843
```
#30f843 rgb(48,248,67)
```

Split Complementary Color

#3081f8
```
#3081f8 rgb(48,129,248)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#81f830
```
#81f830 rgb(129,248,48)
```

Triadic Color

#a730f8
```
#a730f8 rgb(167,48,248)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#81f830
```
#81f830 rgb(129,248,48)
```
#30f8a7
```
#30f8a7 rgb(48,248,167)
```

Tetradic Color

#d4075a
```
#d4075a rgb(212,7,90)
```
#ed0865
```
#ed0865 rgb(237,8,101)
```
#f71772
```
#f71772 rgb(247,23,114)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#f94990
```
#f94990 rgb(249,73,144)
```
#fa619f
```
#fa619f rgb(250,97,159)
```
#fb7aae
```
#fb7aae rgb(251,122,174)
```

Monochromatic Color

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

#f830b3
```
#f830b3 rgb(248,48,179)
```
#f830a2
```
#f830a2 rgb(248,48,162)
```
#f83092
```
#f83092 rgb(248,48,146)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#f83070
```
#f83070 rgb(248,48,112)
```
#f83060
```
#f83060 rgb(248,48,96)
```
#f8304f
```
#f8304f rgb(248,48,79)
```

Similar Colors

Text with hexadecimal color #f83081

This text has a font color of #f83081.

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

#f83081 background color

This paragraph has a background color of #f83081.

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

#f83081 border color

This element has a border color of #f83081.

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

CSS codes

.text {color:#f83081;}

.background {background-color:#f83081;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#150109
```
#150109 rgb(21,1,9)
```
#280111
```
#280111 rgb(40,1,17)
```
#3b0219
```
#3b0219 rgb(59,2,25)
```
#4e0321
```
#4e0321 rgb(78,3,33)
```
#610329
```
#610329 rgb(97,3,41)
```
#740431
```
#740431 rgb(116,4,49)
```
#870539
```
#870539 rgb(135,5,57)
```
#9a0541
```
#9a0541 rgb(154,5,65)
```
#ac0649
```
#ac0649 rgb(172,6,73)
```
#bf0651
```
#bf0651 rgb(191,6,81)
```
#d20759
```
#d20759 rgb(210,7,89)
```
#e50862
```
#e50862 rgb(229,8,98)
```

Shade Color Variation

#f70a6a
```
#f70a6a rgb(247,10,106)
```
#f71d75
```
#f71d75 rgb(247,29,117)
```
#f83081
```
#f83081 rgb(248,48,129)
```
#f9438d
```
#f9438d rgb(249,67,141)
```
#f95698
```
#f95698 rgb(249,86,152)
```
#fa69a4
```
#fa69a4 rgb(250,105,164)
```
#fb7caf
```
#fb7caf rgb(251,124,175)
```
#fb8fbb
```
#fb8fbb rgb(251,143,187)
```
#fca2c6
```
#fca2c6 rgb(252,162,198)
```
#fcb5d2
```
#fcb5d2 rgb(252,181,210)
```
#fdc8dd
```
#fdc8dd rgb(253,200,221)
```
#fedbe9
```
#fedbe9 rgb(254,219,233)
```
#feeef4
```
#feeef4 rgb(254,238,244)
```

Tint Color Variation

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

#959394
```
#959394 rgb(149,147,148)
```
#9d8b92
```
#9d8b92 rgb(157,139,146)
```
#a68291
```
#a68291 rgb(166,130,145)
```
#ae7a8f
```
#ae7a8f rgb(174,122,143)
```
#b6728e
```
#b6728e rgb(182,114,142)
```
#be6a8c
```
#be6a8c rgb(190,106,140)
```
#c7618a
```
#c7618a rgb(199,97,138)
```
#cf5989
```
#cf5989 rgb(207,89,137)
```
#d75187
```
#d75187 rgb(215,81,135)
```
#df4986
```
#df4986 rgb(223,73,134)
```
#e84084
```
#e84084 rgb(232,64,132)
```
#f03883
```
#f03883 rgb(240,56,131)
```
#f83081
```
#f83081 rgb(248,48,129)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8f6777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828aad Protanopia 1% of men
#9f877a Deuteranopia 1% of men
#f54b4e Tritanopia 0.001% of the population

Trichromacy

#ad699d Protanomaly 1% of men, 0.01% of women
#bf677c Deuteranomaly 6% of men, 0.4% of women
#f64160 Tritanomaly 0.01% of the population

#f83081 hex color

#f83081 Color Information

#f83081 Color Conversion

Color Schemes with #f83081

Alternatives to #f83081

#f83081 Preview

Shades and Tints of #f83081

Tones of #f83081

Color Blindness Simulator