#f146b4 hex color

In a RGB color space, hex #f146b4 is composed of 94.5% red, 27.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 25.3% yellow and 5.5% black. It has a hue angle of 321.4 degrees, a saturation of 85.9% and a lightness of 61%. #f146b4 color hex could be obtained by blending #ff8cff with #e30069. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 27
- B 71
RGB color chart
- C 0
- M 71
- Y 25
- K 5
CMYK color chart

● #f146b4 color description : Bright pink.

The hexadecimal color #f146b4 has RGB values of R:241, G:70, B:180 and CMYK values of C:0, M:0.71, Y:0.25, K:0.05. Its decimal value is 15812276.

Hex triplet	f146b4	`#f146b4`
RGB Decimal	241, 70, 180	`rgb(241,70,180)`
RGB Percent	94.5, 27.5, 70.6	`rgb(94.5%,27.5%,70.6%)`
CMYK	0, 71, 25, 5
HSL	321.4°, 85.9, 61	`hsl(321.4,85.9%,61%)`
HSV (or HSB)	321.4°, 71, 94.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.396, 73.883, -21.594
XYZ	46.704, 26.38, 45.81
xyY	0.393, 0.222, 26.38
CIE-LCH	58.396, 76.974, 343.708
CIE-LUV	58.396, 94.399, -44.693
Hunter-Lab	51.362, 72.43, -16.928
Binary	11110001, 01000110, 10110100

#f146b4
```
#f146b4 rgb(241,70,180)
```
#46f183
```
#46f183 rgb(70,241,131)
```

Complementary Color

#d946f1
```
#d946f1 rgb(217,70,241)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#f1465f
```
#f1465f rgb(241,70,95)
```

Analogous Color

#46f1d9
```
#46f1d9 rgb(70,241,217)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#5ff146
```
#5ff146 rgb(95,241,70)
```

Split Complementary Color

#46b4f1
```
#46b4f1 rgb(70,180,241)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#b4f146
```
#b4f146 rgb(180,241,70)
```

Triadic Color

#8346f1
```
#8346f1 rgb(131,70,241)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#b4f146
```
#b4f146 rgb(180,241,70)
```
#46f183
```
#46f183 rgb(70,241,131)
```

Tetradic Color

#da1092
```
#da1092 rgb(218,16,146)
```
#ed17a1
```
#ed17a1 rgb(237,23,161)
```
#ef2eaa
```
#ef2eaa rgb(239,46,170)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#f35ebe
```
#f35ebe rgb(243,94,190)
```
#f575c7
```
#f575c7 rgb(245,117,199)
```
#f68dd1
```
#f68dd1 rgb(246,141,209)
```

Monochromatic Color

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

#f146df
```
#f146df rgb(241,70,223)
```
#f146d1
```
#f146d1 rgb(241,70,209)
```
#f146c2
```
#f146c2 rgb(241,70,194)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#f146a6
```
#f146a6 rgb(241,70,166)
```
#f14698
```
#f14698 rgb(241,70,152)
```
#f14689
```
#f14689 rgb(241,70,137)
```

Similar Colors

Text with hexadecimal color #f146b4

This text has a font color of #f146b4.

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

#f146b4 background color

This paragraph has a background color of #f146b4.

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

#f146b4 border color

This element has a border color of #f146b4.

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

CSS codes

.text {color:#f146b4;}

.background {background-color:#f146b4;}

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

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, #10010a is the darkest color, while #fffcfe is the lightest one.

#10010a
```
#10010a rgb(16,1,10)
```
#220317
```
#220317 rgb(34,3,23)
```
#340423
```
#340423 rgb(52,4,35)
```
#46052f
```
#46052f rgb(70,5,47)
```
#59073b
```
#59073b rgb(89,7,59)
```
#6b0848
```
#6b0848 rgb(107,8,72)
```
#7d0954
```
#7d0954 rgb(125,9,84)
```
#8f0b60
```
#8f0b60 rgb(143,11,96)
```
#a10c6c
```
#a10c6c rgb(161,12,108)
```
#b40e78
```
#b40e78 rgb(180,14,120)
```
#c60f85
```
#c60f85 rgb(198,15,133)
```
#d81091
```
#d81091 rgb(216,16,145)
```
#ea129d
```
#ea129d rgb(234,18,157)
```

Shade Color Variation

#ee22a5
```
#ee22a5 rgb(238,34,165)
```
#f034ad
```
#f034ad rgb(240,52,173)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#f258bb
```
#f258bb rgb(242,88,187)
```
#f46ac3
```
#f46ac3 rgb(244,106,195)
```
#f57dca
```
#f57dca rgb(245,125,202)
```
#f78fd2
```
#f78fd2 rgb(247,143,210)
```
#f8a1d9
```
#f8a1d9 rgb(248,161,217)
```
#f9b3e0
```
#f9b3e0 rgb(249,179,224)
```
#fbc6e8
```
#fbc6e8 rgb(251,198,232)
```
#fcd8ef
```
#fcd8ef rgb(252,216,239)
```
#fdeaf7
```
#fdeaf7 rgb(253,234,247)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#9d9a9c
```
#9d9a9c rgb(157,154,156)
```
#a4939e
```
#a4939e rgb(164,147,158)
```
#ac8ba0
```
#ac8ba0 rgb(172,139,160)
```
#b483a2
```
#b483a2 rgb(180,131,162)
```
#bb7ca5
```
#bb7ca5 rgb(187,124,165)
```
#c374a7
```
#c374a7 rgb(195,116,167)
```
#cb6ca9
```
#cb6ca9 rgb(203,108,169)
```
#d265ab
```
#d265ab rgb(210,101,171)
```
#da5dad
```
#da5dad rgb(218,93,173)
```
#e255b0
```
#e255b0 rgb(226,85,176)
```
#e94eb2
```
#e94eb2 rgb(233,78,178)
```
#f146b4
```
#f146b4 rgb(241,70,180)
```
#f93eb6
```
#f93eb6 rgb(249,62,182)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9b798f Atypical Achromatopsia 0.001% of the population

Dichromacy

#708fe0 Protanopia 1% of men
#948fa9 Deuteranopia 1% of men
#ea666c Tritanopia 0.001% of the population

Trichromacy

#9f74d0 Protanomaly 1% of men, 0.01% of women
#b574ad Deuteranomaly 6% of men, 0.4% of women
#ed5a86 Tritanomaly 0.01% of the population

#f146b4 hex color

#f146b4 Color Information

#f146b4 Color Conversion

Color Schemes with #f146b4

Alternatives to #f146b4

#f146b4 Preview

Shades and Tints of #f146b4

Tones of #f146b4

Color Blindness Simulator