colorhexa.com

#f14366 hex color

In a RGB color space, hex #f14366 is composed of 94.5% red, 26.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 57.7% yellow and 5.5% black. It has a hue angle of 347.9 degrees, a saturation of 86.1% and a lightness of 60.4%. #f14366 color hex could be obtained by blending #ff86cc with #e30000. Closest websafe color is: #ff3366.

- R 95
- G 26
- B 40
RGB color chart
- C 0
- M 72
- Y 58
- K 5
CMYK color chart

● #f14366 color description : Bright red.

The hexadecimal color #f14366 has RGB values of R:241, G:67, B:102 and CMYK values of C:0, M:0.72, Y:0.58, K:0.05. Its decimal value is 15811430.

Hex triplet	f14366	`#f14366`
RGB Decimal	241, 67, 102	`rgb(241,67,102)`
RGB Percent	94.5, 26.3, 40	`rgb(94.5%,26.3%,40%)`
CMYK	0, 72, 58, 5
HSL	347.9°, 86.1, 60.4	`hsl(347.9,86.1%,60.4%)`
HSV (or HSB)	347.9°, 72.2, 94.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.765, 67.482, 20.444
XYZ	40.683, 23.679, 14.998
xyY	0.513, 0.298, 23.679
CIE-LCH	55.765, 70.511, 16.854
CIE-LUV	55.765, 124.169, 10.918
Hunter-Lab	48.661, 64.077, 15.789
Binary	11110001, 01000011, 01100110

#f14366
```
#f14366 rgb(241,67,102)
```
#43f1ce
```
#43f1ce rgb(67,241,206)
```

Complementary Color

#f143bd
```
#f143bd rgb(241,67,189)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#f17743
```
#f17743 rgb(241,119,67)
```

Analogous Color

#43bdf1
```
#43bdf1 rgb(67,189,241)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#43f177
```
#43f177 rgb(67,241,119)
```

Split Complementary Color

#4366f1
```
#4366f1 rgb(67,102,241)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#66f143
```
#66f143 rgb(102,241,67)
```

Triadic Color

#ce43f1
```
#ce43f1 rgb(206,67,241)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#66f143
```
#66f143 rgb(102,241,67)
```
#43f1ce
```
#43f1ce rgb(67,241,206)
```

Tetradic Color

#d71038
```
#d71038 rgb(215,16,56)
```
#ed143f
```
#ed143f rgb(237,20,63)
```
#ef2b53
```
#ef2b53 rgb(239,43,83)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#f35b79
```
#f35b79 rgb(243,91,121)
```
#f5728d
```
#f5728d rgb(245,114,141)
```
#f68aa0
```
#f68aa0 rgb(246,138,160)
```

Monochromatic Color

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

#f14392
```
#f14392 rgb(241,67,146)
```
#f14383
```
#f14383 rgb(241,67,131)
```
#f14375
```
#f14375 rgb(241,67,117)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#f14357
```
#f14357 rgb(241,67,87)
```
#f14349
```
#f14349 rgb(241,67,73)
```
#f14c43
```
#f14c43 rgb(241,76,67)
```

Similar Colors

Text with hexadecimal color #f14366

This text has a font color of #f14366.

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

#f14366 background color

This paragraph has a background color of #f14366.

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

#f14366 border color

This element has a border color of #f14366.

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

CSS codes

.text {color:#f14366;}

.background {background-color:#f14366;}

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

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

#0d0103
```
#0d0103 rgb(13,1,3)
```
#1f0208
```
#1f0208 rgb(31,2,8)
```
#31040d
```
#31040d rgb(49,4,13)
```
#440512
```
#440512 rgb(68,5,18)
```
#560616
```
#560616 rgb(86,6,22)
```
#68081b
```
#68081b rgb(104,8,27)
```
#7a0920
```
#7a0920 rgb(122,9,32)
```
#8d0a25
```
#8d0a25 rgb(141,10,37)
```
#9f0c29
```
#9f0c29 rgb(159,12,41)
```
#b10d2e
```
#b10d2e rgb(177,13,46)
```
#c30f33
```
#c30f33 rgb(195,15,51)
```
#d61038
```
#d61038 rgb(214,16,56)
```
#e8113c
```
#e8113c rgb(232,17,60)
```

Shade Color Variation

#ee1e48
```
#ee1e48 rgb(238,30,72)
```
#f03157
```
#f03157 rgb(240,49,87)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#f25575
```
#f25575 rgb(242,85,117)
```
#f46884
```
#f46884 rgb(244,104,132)
```
#f57a93
```
#f57a93 rgb(245,122,147)
```
#f68ca1
```
#f68ca1 rgb(246,140,161)
```
#f89eb0
```
#f89eb0 rgb(248,158,176)
```
#f9b1bf
```
#f9b1bf rgb(249,177,191)
```
#fbc3ce
```
#fbc3ce rgb(251,195,206)
```
#fcd5dd
```
#fcd5dd rgb(252,213,221)
```
#fde7ec
```
#fde7ec rgb(253,231,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#9c9899
```
#9c9899 rgb(156,152,153)
```
#a39194
```
#a39194 rgb(163,145,148)
```
#ab8990
```
#ab8990 rgb(171,137,144)
```
#b3818b
```
#b3818b rgb(179,129,139)
```
#bb7987
```
#bb7987 rgb(187,121,135)
```
#c27282
```
#c27282 rgb(194,114,130)
```
#ca6a7d
```
#ca6a7d rgb(202,106,125)
```
#d26279
```
#d26279 rgb(210,98,121)
```
#da5a74
```
#da5a74 rgb(218,90,116)
```
#e1536f
```
#e1536f rgb(225,83,111)
```
#e94b6b
```
#e94b6b rgb(233,75,107)
```
#f14366
```
#f14366 rgb(241,67,102)
```
#f93b61
```
#f93b61 rgb(249,59,97)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#937077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8b87 Protanopia 1% of men
#a58662 Deuteranopia 1% of men
#f05155 Tritanopia 0.001% of the population

Trichromacy

#b2717b Protanomaly 1% of men, 0.01% of women
#c16d63 Deuteranomaly 6% of men, 0.4% of women
#f04c5b Tritanomaly 0.01% of the population