#f5308a hex color

In a RGB color space, hex #f5308a is composed of 96.1% red, 18.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 43.7% yellow and 3.9% black. It has a hue angle of 332.6 degrees, a saturation of 90.8% and a lightness of 57.5%. #f5308a color hex could be obtained by blending #ff60ff with #eb0015. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 96
- G 19
- B 54
RGB color chart
- C 0
- M 80
- Y 44
- K 4
CMYK color chart

● #f5308a color description : Bright pink.

The hexadecimal color #f5308a has RGB values of R:245, G:48, B:138 and CMYK values of C:0, M:0.8, Y:0.44, K:0.04. Its decimal value is 16068746.

Hex triplet	f5308a	`#f5308a`
RGB Decimal	245, 48, 138	`rgb(245,48,138)`
RGB Percent	96.1, 18.8, 54.1	`rgb(96.1%,18.8%,54.1%)`
CMYK	0, 80, 44, 4
HSL	332.6°, 90.8, 57.5	`hsl(332.6,90.8%,57.5%)`
HSV (or HSB)	332.6°, 80.4, 96.1
Web Safe	ff3399	`#ff3399`

CIE-LAB	55.447, 76.77, -1.328
XYZ	43.302, 23.366, 26.273
xyY	0.466, 0.251, 23.366
CIE-LCH	55.447, 76.782, 359.009
CIE-LUV	55.447, 121.565, -16.849
Hunter-Lab	48.338, 75.309, 1.611
Binary	11110101, 00110000, 10001010

#f5308a
```
#f5308a rgb(245,48,138)
```
#30f59b
```
#30f59b rgb(48,245,155)
```

Complementary Color

#f530ed
```
#f530ed rgb(245,48,237)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#f53830
```
#f53830 rgb(245,56,48)
```

Analogous Color

#30edf5
```
#30edf5 rgb(48,237,245)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#30f538
```
#30f538 rgb(48,245,56)
```

Split Complementary Color

#308af5
```
#308af5 rgb(48,138,245)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#8af530
```
#8af530 rgb(138,245,48)
```

Triadic Color

#9b30f5
```
#9b30f5 rgb(155,48,245)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#8af530
```
#8af530 rgb(138,245,48)
```
#30f59b
```
#30f59b rgb(48,245,155)
```

Tetradic Color

#cf0a64
```
#cf0a64 rgb(207,10,100)
```
#e70b70
```
#e70b70 rgb(231,11,112)
```
#f4187c
```
#f4187c rgb(244,24,124)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#f64898
```
#f64898 rgb(246,72,152)
```
#f761a5
```
#f761a5 rgb(247,97,165)
```
#f979b3
```
#f979b3 rgb(249,121,179)
```

Monochromatic Color

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

#f530bb
```
#f530bb rgb(245,48,187)
```
#f530ab
```
#f530ab rgb(245,48,171)
```
#f5309a
```
#f5309a rgb(245,48,154)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#f5307a
```
#f5307a rgb(245,48,122)
```
#f53069
```
#f53069 rgb(245,48,105)
```
#f53059
```
#f53059 rgb(245,48,89)
```

Similar Colors

Text with hexadecimal color #f5308a

This text has a font color of #f5308a.

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

#f5308a background color

This paragraph has a background color of #f5308a.

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

#f5308a border color

This element has a border color of #f5308a.

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

CSS codes

.text {color:#f5308a;}

.background {background-color:#f5308a;}

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

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

#120108
```
#120108 rgb(18,1,8)
```
#240212
```
#240212 rgb(36,2,18)
```
#37031b
```
#37031b rgb(55,3,27)
```
#4a0424
```
#4a0424 rgb(74,4,36)
```
#5c042d
```
#5c042d rgb(92,4,45)
```
#6f0536
```
#6f0536 rgb(111,5,54)
```
#82063f
```
#82063f rgb(130,6,63)
```
#950748
```
#950748 rgb(149,7,72)
```
#a70851
```
#a70851 rgb(167,8,81)
```
#ba095a
```
#ba095a rgb(186,9,90)
```
#cd0a63
```
#cd0a63 rgb(205,10,99)
```
#df0b6c
```
#df0b6c rgb(223,11,108)
```
#f20c75
```
#f20c75 rgb(242,12,117)
```

Shade Color Variation

#f41d7f
```
#f41d7f rgb(244,29,127)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#f64395
```
#f64395 rgb(246,67,149)
```
#f7559f
```
#f7559f rgb(247,85,159)
```
#f868aa
```
#f868aa rgb(248,104,170)
```
#f97bb4
```
#f97bb4 rgb(249,123,180)
```
#fa8ebf
```
#fa8ebf rgb(250,142,191)
```
#faa0c9
```
#faa0c9 rgb(250,160,201)
```
#fbb3d4
```
#fbb3d4 rgb(251,179,212)
```
#fcc6df
```
#fcc6df rgb(252,198,223)
```
#fdd8e9
```
#fdd8e9 rgb(253,216,233)
```
#feebf4
```
#feebf4 rgb(254,235,244)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#998c92
```
#998c92 rgb(153,140,146)
```
#a28391
```
#a28391 rgb(162,131,145)
```
#aa7b90
```
#aa7b90 rgb(170,123,144)
```
#b27390
```
#b27390 rgb(178,115,144)
```
#bb6a8f
```
#bb6a8f rgb(187,106,143)
```
#c3628e
```
#c3628e rgb(195,98,142)
```
#cb5a8e
```
#cb5a8e rgb(203,90,142)
```
#d4518d
```
#d4518d rgb(212,81,141)
```
#dc498c
```
#dc498c rgb(220,73,140)
```
#e4418b
```
#e4418b rgb(228,65,139)
```
#ed388b
```
#ed388b rgb(237,56,139)
```
#f5308a
```
#f5308a rgb(245,48,138)
```
#fd2889
```
#fd2889 rgb(253,40,137)
```

Tone Color Variation

Below, you can see how #f5308a 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
#8f6779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c89b7 Protanopia 1% of men
#9b8682 Deuteranopia 1% of men
#f14e51 Tritanopia 0.001% of the population

Trichromacy

#a868a7 Protanomaly 1% of men, 0.01% of women
#bb6785 Deuteranomaly 6% of men, 0.4% of women
#f24366 Tritanomaly 0.01% of the population

#f5308a hex color

#f5308a Color Information

#f5308a Color Conversion

Color Schemes with #f5308a

Alternatives to #f5308a

#f5308a Preview

Shades and Tints of #f5308a

Tones of #f5308a

Color Blindness Simulator