#f030b4 hex color

In a RGB color space, hex #f030b4 is composed of 94.1% red, 18.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 25% yellow and 5.9% black. It has a hue angle of 318.8 degrees, a saturation of 86.5% and a lightness of 56.5%. #f030b4 color hex could be obtained by blending #ff60ff with #e10069. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 94
- G 19
- B 71
RGB color chart
- C 0
- M 80
- Y 25
- K 6
CMYK color chart

● #f030b4 color description : Bright pink.

The hexadecimal color #f030b4 has RGB values of R:240, G:48, B:180 and CMYK values of C:0, M:0.8, Y:0.25, K:0.06. Its decimal value is 15741108.

Hex triplet	f030b4	`#f030b4`
RGB Decimal	240, 48, 180	`rgb(240,48,180)`
RGB Percent	94.1, 18.8, 70.6	`rgb(94.1%,18.8%,70.6%)`
CMYK	0, 80, 25, 6
HSL	318.8°, 86.5, 56.5	`hsl(318.8,86.5%,56.5%)`
HSV (or HSB)	318.8°, 80, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.026, 79.905, -25.25
XYZ	45.231, 23.939, 45.416
xyY	0.395, 0.209, 23.939
CIE-LCH	56.026, 83.8, 342.463
CIE-LUV	56.026, 99.679, -50.818
Hunter-Lab	48.927, 79.392, -20.787
Binary	11110000, 00110000, 10110100

#f030b4
```
#f030b4 rgb(240,48,180)
```
#30f06c
```
#30f06c rgb(48,240,108)
```

Complementary Color

#cc30f0
```
#cc30f0 rgb(204,48,240)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#f03054
```
#f03054 rgb(240,48,84)
```

Analogous Color

#30f0cc
```
#30f0cc rgb(48,240,204)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#54f030
```
#54f030 rgb(84,240,48)
```

Split Complementary Color

#30b4f0
```
#30b4f0 rgb(48,180,240)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#b4f030
```
#b4f030 rgb(180,240,48)
```

Triadic Color

#6c30f0
```
#6c30f0 rgb(108,48,240)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#b4f030
```
#b4f030 rgb(180,240,48)
```
#30f06c
```
#30f06c rgb(48,240,108)
```

Tetradic Color

#c50e8c
```
#c50e8c rgb(197,14,140)
```
#dd109d
```
#dd109d rgb(221,16,157)
```
#ee18ab
```
#ee18ab rgb(238,24,171)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#f248bd
```
#f248bd rgb(242,72,189)
```
#f360c5
```
#f360c5 rgb(243,96,197)
```
#f577ce
```
#f577ce rgb(245,119,206)
```

Monochromatic Color

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

#f030e4
```
#f030e4 rgb(240,48,228)
```
#f030d4
```
#f030d4 rgb(240,48,212)
```
#f030c4
```
#f030c4 rgb(240,48,196)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#f030a4
```
#f030a4 rgb(240,48,164)
```
#f03094
```
#f03094 rgb(240,48,148)
```
#f03084
```
#f03084 rgb(240,48,132)
```

Similar Colors

Text with hexadecimal color #f030b4

This text has a font color of #f030b4.

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

#f030b4 background color

This paragraph has a background color of #f030b4.

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

#f030b4 border color

This element has a border color of #f030b4.

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

CSS codes

.text {color:#f030b4;}

.background {background-color:#f030b4;}

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

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

#0c0109
```
#0c0109 rgb(12,1,9)
```
#1f0216
```
#1f0216 rgb(31,2,22)
```
#310423
```
#310423 rgb(49,4,35)
```
#430530
```
#430530 rgb(67,5,48)
```
#56063d
```
#56063d rgb(86,6,61)
```
#68084a
```
#68084a rgb(104,8,74)
```
#7a0957
```
#7a0957 rgb(122,9,87)
```
#8d0a64
```
#8d0a64 rgb(141,10,100)
```
#9f0c71
```
#9f0c71 rgb(159,12,113)
```
#b10d7e
```
#b10d7e rgb(177,13,126)
```
#c30e8b
```
#c30e8b rgb(195,14,139)
```
#d60f98
```
#d60f98 rgb(214,15,152)
```
#e811a5
```
#e811a5 rgb(232,17,165)
```

Shade Color Variation

#ef1ead
```
#ef1ead rgb(239,30,173)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#f142bb
```
#f142bb rgb(241,66,187)
```
#f355c1
```
#f355c1 rgb(243,85,193)
```
#f467c8
```
#f467c8 rgb(244,103,200)
```
#f579cf
```
#f579cf rgb(245,121,207)
```
#f78bd5
```
#f78bd5 rgb(247,139,213)
```
#f89edc
```
#f89edc rgb(248,158,220)
```
#f9b0e2
```
#f9b0e2 rgb(249,176,226)
```
#fbc2e9
```
#fbc2e9 rgb(251,194,233)
```
#fcd5f0
```
#fcd5f0 rgb(252,213,240)
```
#fde7f6
```
#fde7f6 rgb(253,231,246)
```
#fff9fd
```
#fff9fd rgb(255,249,253)
```

Tint Color Variation

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

#928e91
```
#928e91 rgb(146,142,145)
```
#9b8594
```
#9b8594 rgb(155,133,148)
```
#a37d97
```
#a37d97 rgb(163,125,151)
```
#ac749a
```
#ac749a rgb(172,116,154)
```
#b46c9e
```
#b46c9e rgb(180,108,158)
```
#bd63a1
```
#bd63a1 rgb(189,99,161)
```
#c55ba4
```
#c55ba4 rgb(197,91,164)
```
#ce52a7
```
#ce52a7 rgb(206,82,167)
```
#d64aaa
```
#d64aaa rgb(214,74,170)
```
#df41ae
```
#df41ae rgb(223,65,174)
```
#e739b1
```
#e739b1 rgb(231,57,177)
```
#f030b4
```
#f030b4 rgb(240,48,180)
```
#f927b7
```
#f927b7 rgb(249,39,183)
```

Tone Color Variation

Below, you can see how #f030b4 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
#906a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d89e8 Protanopia 1% of men
#8b89a8 Deuteranopia 1% of men
#e95b60 Tritanopia 0.001% of the population

Trichromacy

#9268d5 Protanomaly 1% of men, 0.01% of women
#af69ac Deuteranomaly 6% of men, 0.4% of women
#eb4b7e Tritanomaly 0.01% of the population

#f030b4 hex color

#f030b4 Color Information

#f030b4 Color Conversion

Color Schemes with #f030b4

Alternatives to #f030b4

#f030b4 Preview

Shades and Tints of #f030b4

Tones of #f030b4

Color Blindness Simulator