#fa306d hex color

In a RGB color space, hex #fa306d is composed of 98% red, 18.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 56.4% yellow and 2% black. It has a hue angle of 341.9 degrees, a saturation of 95.3% and a lightness of 58.4%. #fa306d color hex could be obtained by blending #ff60da with #f50000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 98
- G 19
- B 43
RGB color chart
- C 0
- M 81
- Y 56
- K 2
CMYK color chart

● #fa306d color description : Bright pink.

The hexadecimal color #fa306d has RGB values of R:250, G:48, B:109 and CMYK values of C:0, M:0.81, Y:0.56, K:0.02. Its decimal value is 16396397.

Hex triplet	fa306d	`#fa306d`
RGB Decimal	250, 48, 109	`rgb(250,48,109)`
RGB Percent	98, 18.8, 42.7	`rgb(98%,18.8%,42.7%)`
CMYK	0, 81, 56, 2
HSL	341.9°, 95.3, 58.4	`hsl(341.9,95.3%,58.4%)`
HSV (or HSB)	341.9°, 80.8, 98
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.631, 75.803, 16.37
XYZ	43.243, 23.547, 16.735
xyY	0.518, 0.282, 23.547
CIE-LCH	55.631, 77.551, 12.186
CIE-LUV	55.631, 136.993, 4.435
Hunter-Lab	48.525, 74.151, 13.52
Binary	11111010, 00110000, 01101101

#fa306d
```
#fa306d rgb(250,48,109)
```
#30fabd
```
#30fabd rgb(48,250,189)
```

Complementary Color

#fa30d2
```
#fa30d2 rgb(250,48,210)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#fa5830
```
#fa5830 rgb(250,88,48)
```

Analogous Color

#30d2fa
```
#30d2fa rgb(48,210,250)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#30fa58
```
#30fa58 rgb(48,250,88)
```

Split Complementary Color

#306dfa
```
#306dfa rgb(48,109,250)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#6dfa30
```
#6dfa30 rgb(109,250,48)
```

Triadic Color

#bd30fa
```
#bd30fa rgb(189,48,250)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#6dfa30
```
#6dfa30 rgb(109,250,48)
```
#30fabd
```
#30fabd rgb(48,250,189)
```

Tetradic Color

#d80545
```
#d80545 rgb(216,5,69)
```
#f1064d
```
#f1064d rgb(241,6,77)
```
#f9175b
```
#f9175b rgb(249,23,91)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#fb497f
```
#fb497f rgb(251,73,127)
```
#fb6290
```
#fb6290 rgb(251,98,144)
```
#fc7ba2
```
#fc7ba2 rgb(252,123,162)
```

Monochromatic Color

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

#fa30a0
```
#fa30a0 rgb(250,48,160)
```
#fa308f
```
#fa308f rgb(250,48,143)
```
#fa307e
```
#fa307e rgb(250,48,126)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#fa305c
```
#fa305c rgb(250,48,92)
```
#fa304b
```
#fa304b rgb(250,48,75)
```
#fa303b
```
#fa303b rgb(250,48,59)
```

Similar Colors

Text with hexadecimal color #fa306d

This text has a font color of #fa306d.

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

#fa306d background color

This paragraph has a background color of #fa306d.

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

#fa306d border color

This element has a border color of #fa306d.

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

CSS codes

.text {color:#fa306d;}

.background {background-color:#fa306d;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170107
```
#170107 rgb(23,1,7)
```
#2a010d
```
#2a010d rgb(42,1,13)
```
#3d0113
```
#3d0113 rgb(61,1,19)
```
#50021a
```
#50021a rgb(80,2,26)
```
#630220
```
#630220 rgb(99,2,32)
```
#770326
```
#770326 rgb(119,3,38)
```
#8a032c
```
#8a032c rgb(138,3,44)
```
#9d0432
```
#9d0432 rgb(157,4,50)
```
#b00438
```
#b00438 rgb(176,4,56)
```
#c3053e
```
#c3053e rgb(195,5,62)
```
#d60544
```
#d60544 rgb(214,5,68)
```
#ea064a
```
#ea064a rgb(234,6,74)
```

Shade Color Variation

#f90a52
```
#f90a52 rgb(249,10,82)
```
#fa1d5f
```
#fa1d5f rgb(250,29,95)
```
#fa306d
```
#fa306d rgb(250,48,109)
```
#fa437b
```
#fa437b rgb(250,67,123)
```
#fb5688
```
#fb5688 rgb(251,86,136)
```
#fb6996
```
#fb6996 rgb(251,105,150)
```
#fc7da3
```
#fc7da3 rgb(252,125,163)
```
#fc90b1
```
#fc90b1 rgb(252,144,177)
```
#fda3be
```
#fda3be rgb(253,163,190)
```
#fdb6cc
```
#fdb6cc rgb(253,182,204)
```
#fec9d9
```
#fec9d9 rgb(254,201,217)
```
#fedce7
```
#fedce7 rgb(254,220,231)
```
#fff0f4
```
#fff0f4 rgb(255,240,244)
```

Tint Color Variation

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

#989294
```
#989294 rgb(152,146,148)
```
#a08a91
```
#a08a91 rgb(160,138,145)
```
#a8828d
```
#a8828d rgb(168,130,141)
```
#b1798a
```
#b1798a rgb(177,121,138)
```
#b97187
```
#b97187 rgb(185,113,135)
```
#c16984
```
#c16984 rgb(193,105,132)
```
#c96180
```
#c96180 rgb(201,97,128)
```
#d1597d
```
#d1597d rgb(209,89,125)
```
#d9517a
```
#d9517a rgb(217,81,122)
```
#e24877
```
#e24877 rgb(226,72,119)
```
#ea4073
```
#ea4073 rgb(234,64,115)
```
#f23870
```
#f23870 rgb(242,56,112)
```
#fa306d
```
#fa306d rgb(250,48,109)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8e6672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8a95 Protanopia 1% of men
#a48667 Deuteranopia 1% of men
#f84648 Tritanopia 0.001% of the population

Trichromacy

#b36987 Protanomaly 1% of men, 0.01% of women
#c36669 Deuteranomaly 6% of men, 0.4% of women
#f83e55 Tritanomaly 0.01% of the population

#fa306d hex color

#fa306d Color Information

#fa306d Color Conversion

Color Schemes with #fa306d

Alternatives to #fa306d

#fa306d Preview

Shades and Tints of #fa306d

Tones of #fa306d

Color Blindness Simulator