#f14396 hex color

In a RGB color space, hex #f14396 is composed of 94.5% red, 26.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 37.8% yellow and 5.5% black. It has a hue angle of 331.4 degrees, a saturation of 86.1% and a lightness of 60.4%. #f14396 color hex could be obtained by blending #ff86ff with #e3002d. Closest websafe color is: #ff3399.

♥
- f
- t
- g
- R 95
- G 26
- B 59
RGB color chart
- C 0
- M 72
- Y 38
- K 5
CMYK color chart

● #f14396 color description : Bright pink.

The hexadecimal color #f14396 has RGB values of R:241, G:67, B:150 and CMYK values of C:0, M:0.72, Y:0.38, K:0.05. Its decimal value is 15811478.

Hex triplet	f14396	`#f14396`
RGB Decimal	241, 67, 150	`rgb(241,67,150)`
RGB Percent	94.5, 26.3, 58.8	`rgb(94.5%,26.3%,58.8%)`
CMYK	0, 72, 38, 5
HSL	331.4°, 86.1, 60.4	`hsl(331.4,86.1%,60.4%)`
HSV (or HSB)	331.4°, 72.2, 94.5
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.999, 71.52, -6.215
XYZ	43.789, 24.921, 31.357
xyY	0.438, 0.249, 24.921
CIE-LCH	56.999, 71.789, 355.033
CIE-LUV	56.999, 107.053, -22.223
Hunter-Lab	49.921, 69.21, -2.297
Binary	11110001, 01000011, 10010110

#f14396
```
#f14396 rgb(241,67,150)
```
#43f19e
```
#43f19e rgb(67,241,158)
```

Complementary Color

#f143ed
```
#f143ed rgb(241,67,237)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#f14743
```
#f14743 rgb(241,71,67)
```

Analogous Color

#43edf1
```
#43edf1 rgb(67,237,241)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#43f147
```
#43f147 rgb(67,241,71)
```

Split Complementary Color

#4396f1
```
#4396f1 rgb(67,150,241)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#96f143
```
#96f143 rgb(150,241,67)
```

Triadic Color

#9e43f1
```
#9e43f1 rgb(158,67,241)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#96f143
```
#96f143 rgb(150,241,67)
```
#43f19e
```
#43f19e rgb(67,241,158)
```

Tetradic Color

#d7106f
```
#d7106f rgb(215,16,111)
```
#ed147b
```
#ed147b rgb(237,20,123)
```
#ef2b89
```
#ef2b89 rgb(239,43,137)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#f35ba3
```
#f35ba3 rgb(243,91,163)
```
#f572b1
```
#f572b1 rgb(245,114,177)
```
#f68abe
```
#f68abe rgb(246,138,190)
```

Monochromatic Color

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

#f143c2
```
#f143c2 rgb(241,67,194)
```
#f143b3
```
#f143b3 rgb(241,67,179)
```
#f143a5
```
#f143a5 rgb(241,67,165)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#f14388
```
#f14388 rgb(241,67,136)
```
#f14379
```
#f14379 rgb(241,67,121)
```
#f1436b
```
#f1436b rgb(241,67,107)
```

Similar Colors

Text with hexadecimal color #f14396

This text has a font color of #f14396.

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

#f14396 background color

This paragraph has a background color of #f14396.

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

#f14396 border color

This element has a border color of #f14396.

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

CSS codes

.text {color:#f14396;}

.background {background-color:#f14396;}

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

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

#0d0107
```
#0d0107 rgb(13,1,7)
```
#1f0210
```
#1f0210 rgb(31,2,16)
```
#310419
```
#310419 rgb(49,4,25)
```
#440523
```
#440523 rgb(68,5,35)
```
#56062c
```
#56062c rgb(86,6,44)
```
#680836
```
#680836 rgb(104,8,54)
```
#7a093f
```
#7a093f rgb(122,9,63)
```
#8d0a49
```
#8d0a49 rgb(141,10,73)
```
#9f0c52
```
#9f0c52 rgb(159,12,82)
```
#b10d5b
```
#b10d5b rgb(177,13,91)
```
#c30f65
```
#c30f65 rgb(195,15,101)
```
#d6106e
```
#d6106e rgb(214,16,110)
```
#e81178
```
#e81178 rgb(232,17,120)
```

Shade Color Variation

#ee1e82
```
#ee1e82 rgb(238,30,130)
```
#f0318c
```
#f0318c rgb(240,49,140)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#f468aa
```
#f468aa rgb(244,104,170)
```
#f57ab5
```
#f57ab5 rgb(245,122,181)
```
#f68cbf
```
#f68cbf rgb(246,140,191)
```
#f89ec9
```
#f89ec9 rgb(248,158,201)
```
#f9b1d3
```
#f9b1d3 rgb(249,177,211)
```
#fbc3dd
```
#fbc3dd rgb(251,195,221)
```
#fcd5e8
```
#fcd5e8 rgb(252,213,232)
```
#fde7f2
```
#fde7f2 rgb(253,231,242)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#9c989a
```
#9c989a rgb(156,152,154)
```
#a3919a
```
#a3919a rgb(163,145,154)
```
#ab8999
```
#ab8999 rgb(171,137,153)
```
#b38199
```
#b38199 rgb(179,129,153)
```
#bb7999
```
#bb7999 rgb(187,121,153)
```
#c27298
```
#c27298 rgb(194,114,152)
```
#ca6a98
```
#ca6a98 rgb(202,106,152)
```
#d26297
```
#d26297 rgb(210,98,151)
```
#da5a97
```
#da5a97 rgb(218,90,151)
```
#e15397
```
#e15397 rgb(225,83,151)
```
#e94b96
```
#e94b96 rgb(233,75,150)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#f93b96
```
#f93b96 rgb(249,59,150)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#977484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dbf Protanopia 1% of men
#9c8a8e Deuteranopia 1% of men
#ed5c61 Tritanopia 0.001% of the population

Trichromacy

#a872b0 Protanomaly 1% of men, 0.01% of women
#ba7091 Deuteranomaly 6% of men, 0.4% of women
#ee5374 Tritanomaly 0.01% of the population

#f14396 hex color

#f14396 Color Information

#f14396 Color Conversion

Color Schemes with #f14396

Alternatives to #f14396

#f14396 Preview

Shades and Tints of #f14396

Tones of #f14396

Color Blindness Simulator