colorhexa.com

#fd3374 hex color

In a RGB color space, hex #fd3374 is composed of 99.2% red, 20% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 54.2% yellow and 0.8% black. It has a hue angle of 340.7 degrees, a saturation of 98.1% and a lightness of 59.6%. #fd3374 color hex could be obtained by blending #ff66e8 with #fb0000. Closest websafe color is: #ff3366.

- R 99
- G 20
- B 45
RGB color chart
- C 0
- M 80
- Y 54
- K 1
CMYK color chart

● #fd3374 color description : Bright pink.

The hexadecimal color #fd3374 has RGB values of R:253, G:51, B:116 and CMYK values of C:0, M:0.8, Y:0.54, K:0.01. Its decimal value is 16593780.

Hex triplet	fd3374	`#fd3374`
RGB Decimal	253, 51, 116	`rgb(253,51,116)`
RGB Percent	99.2, 20, 45.5	`rgb(99.2%,20%,45.5%)`
CMYK	0, 80, 54, 1
HSL	340.7°, 98.1, 59.6	`hsl(340.7,98.1%,59.6%)`
HSV (or HSB)	340.7°, 79.8, 99.2
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.601, 76.317, 13.623
XYZ	44.846, 24.516, 18.893
xyY	0.508, 0.278, 24.516
CIE-LCH	56.601, 77.523, 10.121
CIE-LUV	56.601, 135.7, 1.366
Hunter-Lab	49.514, 75.022, 12.037
Binary	11111101, 00110011, 01110100

#fd3374
```
#fd3374 rgb(253,51,116)
```
#33fdbc
```
#33fdbc rgb(51,253,188)
```

Complementary Color

#fd33d9
```
#fd33d9 rgb(253,51,217)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#fd5733
```
#fd5733 rgb(253,87,51)
```

Analogous Color

#33d9fd
```
#33d9fd rgb(51,217,253)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#33fd57
```
#33fd57 rgb(51,253,87)
```

Split Complementary Color

#3374fd
```
#3374fd rgb(51,116,253)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#74fd33
```
#74fd33 rgb(116,253,51)
```

Triadic Color

#bc33fd
```
#bc33fd rgb(188,51,253)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#74fd33
```
#74fd33 rgb(116,253,51)
```
#33fdbc
```
#33fdbc rgb(51,253,188)
```

Tetradic Color

#e1024a
```
#e1024a rgb(225,2,74)
```
#fb0252
```
#fb0252 rgb(251,2,82)
```
#fd1a63
```
#fd1a63 rgb(253,26,99)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#fd4c85
```
#fd4c85 rgb(253,76,133)
```
#fd6696
```
#fd6696 rgb(253,102,150)
```
#fe7fa8
```
#fe7fa8 rgb(254,127,168)
```

Monochromatic Color

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

#fd33a7
```
#fd33a7 rgb(253,51,167)
```
#fd3396
```
#fd3396 rgb(253,51,150)
```
#fd3385
```
#fd3385 rgb(253,51,133)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#fd3363
```
#fd3363 rgb(253,51,99)
```
#fd3352
```
#fd3352 rgb(253,51,82)
```
#fd3341
```
#fd3341 rgb(253,51,65)
```

Similar Colors

Text with hexadecimal color #fd3374

This text has a font color of #fd3374.

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

#fd3374 background color

This paragraph has a background color of #fd3374.

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

#fd3374 border color

This element has a border color of #fd3374.

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

CSS codes

.text {color:#fd3374;}

.background {background-color:#fd3374;}

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

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

#0a0003
```
#0a0003 rgb(10,0,3)
```
#1d000a
```
#1d000a rgb(29,0,10)
```
#310010
```
#310010 rgb(49,0,16)
```
#440116
```
#440116 rgb(68,1,22)
```
#57011d
```
#57011d rgb(87,1,29)
```
#6b0123
```
#6b0123 rgb(107,1,35)
```
#7e0129
```
#7e0129 rgb(126,1,41)
```
#920130
```
#920130 rgb(146,1,48)
```
#a50236
```
#a50236 rgb(165,2,54)
```
#b8023d
```
#b8023d rgb(184,2,61)
```
#cc0243
```
#cc0243 rgb(204,2,67)
```
#df0249
```
#df0249 rgb(223,2,73)
```
#f30250
```
#f30250 rgb(243,2,80)
```

Shade Color Variation

#fd0c5a
```
#fd0c5a rgb(253,12,90)
```
#fd2067
```
#fd2067 rgb(253,32,103)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```
#fd4681
```
#fd4681 rgb(253,70,129)
```
#fd5a8e
```
#fd5a8e rgb(253,90,142)
```
#fe6d9c
```
#fe6d9c rgb(254,109,156)
```
#fe81a9
```
#fe81a9 rgb(254,129,169)
```
#fe94b6
```
#fe94b6 rgb(254,148,182)
```
#fea8c3
```
#fea8c3 rgb(254,168,195)
```
#febbd1
```
#febbd1 rgb(254,187,209)
```
#ffcede
```
#ffcede rgb(255,206,222)
```
#ffe2eb
```
#ffe2eb rgb(255,226,235)
```
#fff5f8
```
#fff5f8 rgb(255,245,248)
```

Tint Color Variation

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

#9e9296
```
#9e9296 rgb(158,146,150)
```
#a68a93
```
#a68a93 rgb(166,138,147)
```
#ae8290
```
#ae8290 rgb(174,130,144)
```
#b67a8d
```
#b67a8d rgb(182,122,141)
```
#be728b
```
#be728b rgb(190,114,139)
```
#c66a88
```
#c66a88 rgb(198,106,136)
```
#cd6385
```
#cd6385 rgb(205,99,133)
```
#d55b82
```
#d55b82 rgb(213,91,130)
```
#dd537f
```
#dd537f rgb(221,83,127)
```
#e54b7c
```
#e54b7c rgb(229,75,124)
```
#ed437a
```
#ed437a rgb(237,67,122)
```
#f53b77
```
#f53b77 rgb(245,59,119)
```
#fd3374
```
#fd3374 rgb(253,51,116)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#926976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8c9d Protanopia 1% of men
#a5886e Deuteranopia 1% of men
#fa494c Tritanopia 0.001% of the population

Trichromacy

#b46c8e Protanomaly 1% of men, 0.01% of women
#c56970 Deuteranomaly 6% of men, 0.4% of women
#fb415a Tritanomaly 0.01% of the population