#f00348 hex color

In a RGB color space, hex #f00348 is composed of 94.1% red, 1.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 70% yellow and 5.9% black. It has a hue angle of 342.5 degrees, a saturation of 97.5% and a lightness of 47.6%. #f00348 color hex could be obtained by blending #ff0690 with #e10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 94
- G 1
- B 28
RGB color chart
- C 0
- M 99
- Y 70
- K 6
CMYK color chart

● #f00348 color description : Vivid pink.

The hexadecimal color #f00348 has RGB values of R:240, G:3, B:72 and CMYK values of C:0, M:0.99, Y:0.7, K:0.06. Its decimal value is 15729480.

Hex triplet	f00348	`#f00348`
RGB Decimal	240, 3, 72	`rgb(240,3,72)`
RGB Percent	94.1, 1.2, 28.2	`rgb(94.1%,1.2%,28.2%)`
CMYK	0, 99, 70, 6
HSL	342.5°, 97.5, 47.6	`hsl(342.5,97.5%,47.6%)`
HSV (or HSB)	342.5°, 98.8, 94.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.761, 77.778, 31.849
XYZ	37.139, 19.063, 7.855
xyY	0.58, 0.298, 19.063
CIE-LCH	50.761, 84.046, 22.268
CIE-LUV	50.761, 152.245, 17.55
Hunter-Lab	43.661, 75.429, 19.897
Binary	11110000, 00000011, 01001000

#f00348
```
#f00348 rgb(240,3,72)
```
#03f0ab
```
#03f0ab rgb(3,240,171)
```

Complementary Color

#f003bf
```
#f003bf rgb(240,3,191)
```
#f00348
```
#f00348 rgb(240,3,72)
```
#f03503
```
#f03503 rgb(240,53,3)
```

Analogous Color

#03bff0
```
#03bff0 rgb(3,191,240)
```
#f00348
```
#f00348 rgb(240,3,72)
```
#03f035
```
#03f035 rgb(3,240,53)
```

Split Complementary Color

#0348f0
```
#0348f0 rgb(3,72,240)
```
#f00348
```
#f00348 rgb(240,3,72)
```
#48f003
```
#48f003 rgb(72,240,3)
```

Triadic Color

#ab03f0
```
#ab03f0 rgb(171,3,240)
```
#f00348
```
#f00348 rgb(240,3,72)
```
#48f003
```
#48f003 rgb(72,240,3)
```
#03f0ab
```
#03f0ab rgb(3,240,171)
```

Tetradic Color

#a40231
```
#a40231 rgb(164,2,49)
```
#be0239
```
#be0239 rgb(190,2,57)
```
#d70340
```
#d70340 rgb(215,3,64)
```
#f00348
```
#f00348 rgb(240,3,72)
```
#fc1055
```
#fc1055 rgb(252,16,85)
```
#fc2a67
```
#fc2a67 rgb(252,42,103)
```
#fd4379
```
#fd4379 rgb(253,67,121)
```

Monochromatic Color

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

#f00383
```
#f00383 rgb(240,3,131)
```
#f00370
```
#f00370 rgb(240,3,112)
```
#f0035c
```
#f0035c rgb(240,3,92)
```
#f00348
```
#f00348 rgb(240,3,72)
```
#f00334
```
#f00334 rgb(240,3,52)
```
#f00320
```
#f00320 rgb(240,3,32)
```
#f0030d
```
#f0030d rgb(240,3,13)
```

Similar Colors

Text with hexadecimal color #f00348

This text has a font color of #f00348.

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

#f00348 background color

This paragraph has a background color of #f00348.

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

#f00348 border color

This element has a border color of #f00348.

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

CSS codes

.text {color:#f00348;}

.background {background-color:#f00348;}

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

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

#080002
```
#080002 rgb(8,0,2)
```
#1b0008
```
#1b0008 rgb(27,0,8)
```
#2e010e
```
#2e010e rgb(46,1,14)
```
#420114
```
#420114 rgb(66,1,20)
```
#55011a
```
#55011a rgb(85,1,26)
```
#68011f
```
#68011f rgb(104,1,31)
```
#7c0225
```
#7c0225 rgb(124,2,37)
```
#8f022b
```
#8f022b rgb(143,2,43)
```
#a30231
```
#a30231 rgb(163,2,49)
```
#b60237
```
#b60237 rgb(182,2,55)
```
#c9033c
```
#c9033c rgb(201,3,60)
```
#dd0342
```
#dd0342 rgb(221,3,66)
```
#f00348
```
#f00348 rgb(240,3,72)
```

Shade Color Variation

#fc0b51
```
#fc0b51 rgb(252,11,81)
```
#fc1e5f
```
#fc1e5f rgb(252,30,95)
```
#fc316d
```
#fc316d rgb(252,49,109)
```
#fd457a
```
#fd457a rgb(253,69,122)
```
#fd5888
```
#fd5888 rgb(253,88,136)
```
#fd6c96
```
#fd6c96 rgb(253,108,150)
```
#fd7fa4
```
#fd7fa4 rgb(253,127,164)
```
#fe92b2
```
#fe92b2 rgb(254,146,178)
```
#fea6bf
```
#fea6bf rgb(254,166,191)
```
#feb9cd
```
#feb9cd rgb(254,185,205)
```
#feccdb
```
#feccdb rgb(254,204,219)
```
#ffe0e9
```
#ffe0e9 rgb(255,224,233)
```
#fff3f7
```
#fff3f7 rgb(255,243,247)
```

Tint Color Variation

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

#807377
```
#807377 rgb(128,115,119)
```
#896a73
```
#896a73 rgb(137,106,115)
```
#93606f
```
#93606f rgb(147,96,111)
```
#9c576b
```
#9c576b rgb(156,87,107)
```
#a54e67
```
#a54e67 rgb(165,78,103)
```
#af4463
```
#af4463 rgb(175,68,99)
```
#b83b5f
```
#b83b5f rgb(184,59,95)
```
#c1325c
```
#c1325c rgb(193,50,92)
```
#cb2858
```
#cb2858 rgb(203,40,88)
```
#d41f54
```
#d41f54 rgb(212,31,84)
```
#dd1650
```
#dd1650 rgb(221,22,80)
```
#e70c4c
```
#e70c4c rgb(231,12,76)
```
#f00348
```
#f00348 rgb(240,3,72)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#724250 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857f6f Protanopia 1% of men
#9b7a43 Deuteranopia 1% of men
#ef2520 Tritanopia 0.001% of the population

Trichromacy

#ac5261 Protanomaly 1% of men, 0.01% of women
#ba4e45 Deuteranomaly 6% of men, 0.4% of women
#ef182e Tritanomaly 0.01% of the population

#f00348 hex color

#f00348 Color Information

#f00348 Color Conversion

Color Schemes with #f00348

Alternatives to #f00348

#f00348 Preview

Shades and Tints of #f00348

Tones of #f00348

Color Blindness Simulator