#fd308b hex color

In a RGB color space, hex #fd308b is composed of 99.2% red, 18.8% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 45.1% yellow and 0.8% black. It has a hue angle of 333.4 degrees, a saturation of 98.1% and a lightness of 59%. #fd308b color hex could be obtained by blending #ff60ff with #fb0017. Closest websafe color is: #ff3399.

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

● #fd308b color description : Bright pink.

The hexadecimal color #fd308b has RGB values of R:253, G:48, B:139 and CMYK values of C:0, M:0.81, Y:0.45, K:0.01. Its decimal value is 16593035.

Hex triplet	fd308b	`#fd308b`
RGB Decimal	253, 48, 139	`rgb(253,48,139)`
RGB Percent	99.2, 18.8, 54.5	`rgb(99.2%,18.8%,54.5%)`
CMYK	0, 81, 45, 1
HSL	333.4°, 98.1, 59	`hsl(333.4,98.1%,59%)`
HSV (or HSB)	333.4°, 81, 99.2
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.944, 78.792, 0.442
XYZ	46.227, 24.866, 26.79
xyY	0.472, 0.254, 24.866
CIE-LCH	56.944, 78.793, 0.321
CIE-LUV	56.944, 127.536, -15.087
Hunter-Lab	49.865, 78.209, 3.052
Binary	11111101, 00110000, 10001011

#fd308b
```
#fd308b rgb(253,48,139)
```
#30fda2
```
#30fda2 rgb(48,253,162)
```

Complementary Color

#fd30f2
```
#fd30f2 rgb(253,48,242)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#fd3c30
```
#fd3c30 rgb(253,60,48)
```

Analogous Color

#30f2fd
```
#30f2fd rgb(48,242,253)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#30fd3c
```
#30fd3c rgb(48,253,60)
```

Split Complementary Color

#308bfd
```
#308bfd rgb(48,139,253)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#8bfd30
```
#8bfd30 rgb(139,253,48)
```

Triadic Color

#a230fd
```
#a230fd rgb(162,48,253)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#8bfd30
```
#8bfd30 rgb(139,253,48)
```
#30fda2
```
#30fda2 rgb(48,253,162)
```

Tetradic Color

#de0264
```
#de0264 rgb(222,2,100)
```
#f8026f
```
#f8026f rgb(248,2,111)
```
#fd177d
```
#fd177d rgb(253,23,125)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#fd4999
```
#fd4999 rgb(253,73,153)
```
#fd63a7
```
#fd63a7 rgb(253,99,167)
```
#fe7cb5
```
#fe7cb5 rgb(254,124,181)
```

Monochromatic Color

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

#fd30be
```
#fd30be rgb(253,48,190)
```
#fd30ad
```
#fd30ad rgb(253,48,173)
```
#fd309c
```
#fd309c rgb(253,48,156)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#fd307a
```
#fd307a rgb(253,48,122)
```
#fd3069
```
#fd3069 rgb(253,48,105)
```
#fd3058
```
#fd3058 rgb(253,48,88)
```

Similar Colors

Text with hexadecimal color #fd308b

This text has a font color of #fd308b.

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

#fd308b background color

This paragraph has a background color of #fd308b.

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

#fd308b border color

This element has a border color of #fd308b.

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

CSS codes

.text {color:#fd308b;}

.background {background-color:#fd308b;}

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

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

#070003
```
#070003 rgb(7,0,3)
```
#1a000c
```
#1a000c rgb(26,0,12)
```
#2e0014
```
#2e0014 rgb(46,0,20)
```
#41011d
```
#41011d rgb(65,1,29)
```
#540126
```
#540126 rgb(84,1,38)
```
#68012f
```
#68012f rgb(104,1,47)
```
#7b0137
```
#7b0137 rgb(123,1,55)
```
#8f0140
```
#8f0140 rgb(143,1,64)
```
#a20249
```
#a20249 rgb(162,2,73)
```
#b60252
```
#b60252 rgb(182,2,82)
```
#c9025a
```
#c9025a rgb(201,2,90)
```
#dc0263
```
#dc0263 rgb(220,2,99)
```
#f0026c
```
#f0026c rgb(240,2,108)
```

Shade Color Variation

#fd0975
```
#fd0975 rgb(253,9,117)
```
#fd1d80
```
#fd1d80 rgb(253,29,128)
```
#fd308b
```
#fd308b rgb(253,48,139)
```
#fd4396
```
#fd4396 rgb(253,67,150)
```
#fd57a1
```
#fd57a1 rgb(253,87,161)
```
#fe6aac
```
#fe6aac rgb(254,106,172)
```
#fe7eb7
```
#fe7eb7 rgb(254,126,183)
```
#fe91c1
```
#fe91c1 rgb(254,145,193)
```
#fea5cc
```
#fea5cc rgb(254,165,204)
```
#feb8d7
```
#feb8d7 rgb(254,184,215)
```
#ffcbe2
```
#ffcbe2 rgb(255,203,226)
```
#ffdfed
```
#ffdfed rgb(255,223,237)
```
#fff2f8
```
#fff2f8 rgb(255,242,248)
```

Tint Color Variation

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

#9d9096
```
#9d9096 rgb(157,144,150)
```
#a58895
```
#a58895 rgb(165,136,149)
```
#ad8094
```
#ad8094 rgb(173,128,148)
```
#b57893
```
#b57893 rgb(181,120,147)
```
#bd7092
```
#bd7092 rgb(189,112,146)
```
#c56891
```
#c56891 rgb(197,104,145)
```
#cd6090
```
#cd6090 rgb(205,96,144)
```
#d55890
```
#d55890 rgb(213,88,144)
```
#dd508f
```
#dd508f rgb(221,80,143)
```
#e5488e
```
#e5488e rgb(229,72,142)
```
#ed408d
```
#ed408d rgb(237,64,141)
```
#f5388c
```
#f5388c rgb(245,56,140)
```
#fd308b
```
#fd308b rgb(253,48,139)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#936a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#818db9 Protanopia 1% of men
#a08a83 Deuteranopia 1% of men
#f94e51 Tritanopia 0.001% of the population

Trichromacy

#ae6ba8 Protanomaly 1% of men, 0.01% of women
#c26985 Deuteranomaly 6% of men, 0.4% of women
#fa4366 Tritanomaly 0.01% of the population

#fd308b hex color

#fd308b Color Information

#fd308b Color Conversion

Color Schemes with #fd308b

Alternatives to #fd308b

#fd308b Preview

Shades and Tints of #fd308b

Tones of #fd308b

Color Blindness Simulator