#fd3097 hex color

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

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

● #fd3097 color description : Bright pink.

The hexadecimal color #fd3097 has RGB values of R:253, G:48, B:151 and CMYK values of C:0, M:0.81, Y:0.4, K:0.01. Its decimal value is 16593047.

Hex triplet	fd3097	`#fd3097`
RGB Decimal	253, 48, 151	`rgb(253,48,151)`
RGB Percent	99.2, 18.8, 59.2	`rgb(99.2%,18.8%,59.2%)`
CMYK	0, 81, 40, 1
HSL	329.9°, 98.1, 59	`hsl(329.9,98.1%,59%)`
HSV (or HSB)	329.9°, 81, 99.2
Web Safe	ff3399	`#ff3399`

CIE-LAB	57.304, 79.846, -6.119
XYZ	47.152, 25.236, 31.665
xyY	0.453, 0.243, 25.236
CIE-LCH	57.304, 80.08, 355.618
CIE-LUV	57.304, 122.465, -23.939
Hunter-Lab	50.235, 79.633, -2.207
Binary	11111101, 00110000, 10010111

#fd3097
```
#fd3097 rgb(253,48,151)
```
#30fd96
```
#30fd96 rgb(48,253,150)
```

Complementary Color

#fd30fd
```
#fd30fd rgb(253,48,253)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#fd3030
```
#fd3030 rgb(253,48,48)
```

Analogous Color

#30fdfd
```
#30fdfd rgb(48,253,253)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#30fd30
```
#30fd30 rgb(48,253,48)
```

Split Complementary Color

#3097fd
```
#3097fd rgb(48,151,253)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#97fd30
```
#97fd30 rgb(151,253,48)
```

Triadic Color

#9630fd
```
#9630fd rgb(150,48,253)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#97fd30
```
#97fd30 rgb(151,253,48)
```
#30fd96
```
#30fd96 rgb(48,253,150)
```

Tetradic Color

#de0271
```
#de0271 rgb(222,2,113)
```
#f8027e
```
#f8027e rgb(248,2,126)
```
#fd178a
```
#fd178a rgb(253,23,138)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#fd49a4
```
#fd49a4 rgb(253,73,164)
```
#fd63b0
```
#fd63b0 rgb(253,99,176)
```
#fe7cbd
```
#fe7cbd rgb(254,124,189)
```

Monochromatic Color

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

#fd30ca
```
#fd30ca rgb(253,48,202)
```
#fd30b9
```
#fd30b9 rgb(253,48,185)
```
#fd30a8
```
#fd30a8 rgb(253,48,168)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#fd3086
```
#fd3086 rgb(253,48,134)
```
#fd3075
```
#fd3075 rgb(253,48,117)
```
#fd3064
```
#fd3064 rgb(253,48,100)
```

Similar Colors

Text with hexadecimal color #fd3097

This text has a font color of #fd3097.

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

#fd3097 background color

This paragraph has a background color of #fd3097.

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

#fd3097 border color

This element has a border color of #fd3097.

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

CSS codes

.text {color:#fd3097;}

.background {background-color:#fd3097;}

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

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 #fff2f9 is the lightest one.

#070003
```
#070003 rgb(7,0,3)
```
#1a000d
```
#1a000d rgb(26,0,13)
```
#2e0017
```
#2e0017 rgb(46,0,23)
```
#410121
```
#410121 rgb(65,1,33)
```
#54012b
```
#54012b rgb(84,1,43)
```
#680135
```
#680135 rgb(104,1,53)
```
#7b013f
```
#7b013f rgb(123,1,63)
```
#8f0148
```
#8f0148 rgb(143,1,72)
```
#a20252
```
#a20252 rgb(162,2,82)
```
#b6025c
```
#b6025c rgb(182,2,92)
```
#c90266
```
#c90266 rgb(201,2,102)
```
#dc0270
```
#dc0270 rgb(220,2,112)
```
#f0027a
```
#f0027a rgb(240,2,122)
```

Shade Color Variation

#fd0983
```
#fd0983 rgb(253,9,131)
```
#fd1d8d
```
#fd1d8d rgb(253,29,141)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```
#fd43a1
```
#fd43a1 rgb(253,67,161)
```
#fd57ab
```
#fd57ab rgb(253,87,171)
```
#fe6ab4
```
#fe6ab4 rgb(254,106,180)
```
#fe7ebe
```
#fe7ebe rgb(254,126,190)
```
#fe91c8
```
#fe91c8 rgb(254,145,200)
```
#fea5d2
```
#fea5d2 rgb(254,165,210)
```
#feb8db
```
#feb8db rgb(254,184,219)
```
#ffcbe5
```
#ffcbe5 rgb(255,203,229)
```
#ffdfef
```
#ffdfef rgb(255,223,239)
```
#fff2f9
```
#fff2f9 rgb(255,242,249)
```

Tint Color Variation

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

#9d9097
```
#9d9097 rgb(157,144,151)
```
#a58897
```
#a58897 rgb(165,136,151)
```
#ad8097
```
#ad8097 rgb(173,128,151)
```
#b57897
```
#b57897 rgb(181,120,151)
```
#bd7097
```
#bd7097 rgb(189,112,151)
```
#c56897
```
#c56897 rgb(197,104,151)
```
#cd6097
```
#cd6097 rgb(205,96,151)
```
#d55897
```
#d55897 rgb(213,88,151)
```
#dd5097
```
#dd5097 rgb(221,80,151)
```
#e54897
```
#e54897 rgb(229,72,151)
```
#ed4097
```
#ed4097 rgb(237,64,151)
```
#f53897
```
#f53897 rgb(245,56,151)
```
#fd3097
```
#fd3097 rgb(253,48,151)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#936a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b8dc7 Protanopia 1% of men
#9d8b8d Deuteranopia 1% of men
#f85255 Tritanopia 0.001% of the population

Trichromacy

#aa6bb6 Protanomaly 1% of men, 0.01% of women
#c06a91 Deuteranomaly 6% of men, 0.4% of women
#fa456d Tritanomaly 0.01% of the population

#fd3097 hex color

#fd3097 Color Information

#fd3097 Color Conversion

Color Schemes with #fd3097

Alternatives to #fd3097

#fd3097 Preview

Shades and Tints of #fd3097

Tones of #fd3097

Color Blindness Simulator