colorhexa.com

#f03066 hex color

In a RGB color space, hex #f03066 is composed of 94.1% red, 18.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 57.5% yellow and 5.9% black. It has a hue angle of 343.1 degrees, a saturation of 86.5% and a lightness of 56.5%. #f03066 color hex could be obtained by blending #ff60cc with #e10000. Closest websafe color is: #ff3366.

- R 94
- G 19
- B 40
RGB color chart
- C 0
- M 80
- Y 58
- K 6
CMYK color chart

● #f03066 color description : Bright pink.

The hexadecimal color #f03066 has RGB values of R:240, G:48, B:102 and CMYK values of C:0, M:0.8, Y:0.58, K:0.06. Its decimal value is 15741030.

Hex triplet	f03066	`#f03066`
RGB Decimal	240, 48, 102	`rgb(240,48,102)`
RGB Percent	94.1, 18.8, 40	`rgb(94.1%,18.8%,40%)`
CMYK	0, 80, 58, 6
HSL	343.1°, 86.5, 56.5	`hsl(343.1,86.5%,56.5%)`
HSV (or HSB)	343.1°, 80, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.603, 72.772, 17.486
XYZ	39.392, 21.603, 14.665
xyY	0.521, 0.286, 21.603
CIE-LCH	53.603, 74.843, 13.511
CIE-LUV	53.603, 131.629, 6.177
Hunter-Lab	46.479, 69.944, 13.828
Binary	11110000, 00110000, 01100110

#f03066
```
#f03066 rgb(240,48,102)
```
#30f0ba
```
#30f0ba rgb(48,240,186)
```

Complementary Color

#f030c6
```
#f030c6 rgb(240,48,198)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#f05a30
```
#f05a30 rgb(240,90,48)
```

Analogous Color

#30c6f0
```
#30c6f0 rgb(48,198,240)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#30f05a
```
#30f05a rgb(48,240,90)
```

Split Complementary Color

#3066f0
```
#3066f0 rgb(48,102,240)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#66f030
```
#66f030 rgb(102,240,48)
```

Triadic Color

#ba30f0
```
#ba30f0 rgb(186,48,240)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#66f030
```
#66f030 rgb(102,240,48)
```
#30f0ba
```
#30f0ba rgb(48,240,186)
```

Tetradic Color

#c50e42
```
#c50e42 rgb(197,14,66)
```
#dd104a
```
#dd104a rgb(221,16,74)
```
#ee1854
```
#ee1854 rgb(238,24,84)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#f24878
```
#f24878 rgb(242,72,120)
```
#f36089
```
#f36089 rgb(243,96,137)
```
#f5779b
```
#f5779b rgb(245,119,155)
```

Monochromatic Color

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

#f03096
```
#f03096 rgb(240,48,150)
```
#f03086
```
#f03086 rgb(240,48,134)
```
#f03076
```
#f03076 rgb(240,48,118)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#f03056
```
#f03056 rgb(240,48,86)
```
#f03046
```
#f03046 rgb(240,48,70)
```
#f03036
```
#f03036 rgb(240,48,54)
```

Similar Colors

Text with hexadecimal color #f03066

This text has a font color of #f03066.

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

#f03066 background color

This paragraph has a background color of #f03066.

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

#f03066 border color

This element has a border color of #f03066.

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

CSS codes

.text {color:#f03066;}

.background {background-color:#f03066;}

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

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

#0c0104
```
#0c0104 rgb(12,1,4)
```
#1f020a
```
#1f020a rgb(31,2,10)
```
#310410
```
#310410 rgb(49,4,16)
```
#430516
```
#430516 rgb(67,5,22)
```
#56061d
```
#56061d rgb(86,6,29)
```
#680823
```
#680823 rgb(104,8,35)
```
#7a0929
```
#7a0929 rgb(122,9,41)
```
#8d0a2f
```
#8d0a2f rgb(141,10,47)
```
#9f0c35
```
#9f0c35 rgb(159,12,53)
```
#b10d3b
```
#b10d3b rgb(177,13,59)
```
#c30e41
```
#c30e41 rgb(195,14,65)
```
#d60f47
```
#d60f47 rgb(214,15,71)
```
#e8114d
```
#e8114d rgb(232,17,77)
```

Shade Color Variation

#ef1e58
```
#ef1e58 rgb(239,30,88)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#f14274
```
#f14274 rgb(241,66,116)
```
#f35581
```
#f35581 rgb(243,85,129)
```
#f4678f
```
#f4678f rgb(244,103,143)
```
#f5799c
```
#f5799c rgb(245,121,156)
```
#f78baa
```
#f78baa rgb(247,139,170)
```
#f89eb7
```
#f89eb7 rgb(248,158,183)
```
#f9b0c5
```
#f9b0c5 rgb(249,176,197)
```
#fbc2d2
```
#fbc2d2 rgb(251,194,210)
```
#fcd5e0
```
#fcd5e0 rgb(252,213,224)
```
#fde7ed
```
#fde7ed rgb(253,231,237)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#928e8f
```
#928e8f rgb(146,142,143)
```
#9b858b
```
#9b858b rgb(155,133,139)
```
#a37d88
```
#a37d88 rgb(163,125,136)
```
#ac7484
```
#ac7484 rgb(172,116,132)
```
#b46c80
```
#b46c80 rgb(180,108,128)
```
#bd637c
```
#bd637c rgb(189,99,124)
```
#c55b79
```
#c55b79 rgb(197,91,121)
```
#ce5275
```
#ce5275 rgb(206,82,117)
```
#d64a71
```
#d64a71 rgb(214,74,113)
```
#df416d
```
#df416d rgb(223,65,109)
```
#e7396a
```
#e7396a rgb(231,57,106)
```
#f03066
```
#f03066 rgb(240,48,102)
```
#f92762
```
#f92762 rgb(249,39,98)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8a636e Atypical Achromatopsia 0.001% of the population

Dichromacy

#87858c Protanopia 1% of men
#9f8161 Deuteranopia 1% of men
#ef4446 Tritanopia 0.001% of the population

Trichromacy

#ad667e Protanomaly 1% of men, 0.01% of women
#bc6363 Deuteranomaly 6% of men, 0.4% of women
#ef3d52 Tritanomaly 0.01% of the population