#f815ba hex color

In a RGB color space, hex #f815ba is composed of 97.3% red, 8.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 25% yellow and 2.7% black. It has a hue angle of 316.4 degrees, a saturation of 94.2% and a lightness of 52.7%. #f815ba color hex could be obtained by blending #ff2aff with #f10075. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 97
- G 8
- B 73
RGB color chart
- C 0
- M 92
- Y 25
- K 3
CMYK color chart

● #f815ba color description : Vivid pink.

The hexadecimal color #f815ba has RGB values of R:248, G:21, B:186 and CMYK values of C:0, M:0.92, Y:0.25, K:0.03. Its decimal value is 16258490.

Hex triplet	f815ba	`#f815ba`
RGB Decimal	248, 21, 186	`rgb(248,21,186)`
RGB Percent	97.3, 8.2, 72.9	`rgb(97.3%,8.2%,72.9%)`
CMYK	0, 92, 25, 3
HSL	316.4°, 94.2, 52.7	`hsl(316.4,94.2%,52.7%)`
HSV (or HSB)	316.4°, 91.5, 97.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.13, 86.831, -28.455
XYZ	47.843, 24.042, 48.573
xyY	0.397, 0.2, 24.042
CIE-LCH	56.13, 91.375, 341.855
CIE-LUV	56.13, 107.61, -56.839
Hunter-Lab	49.033, 88.359, -24.41
Binary	11111000, 00010101, 10111010

#f815ba
```
#f815ba rgb(248,21,186)
```
#15f853
```
#15f853 rgb(21,248,83)
```

Complementary Color

#c515f8
```
#c515f8 rgb(197,21,248)
```
#f815ba
```
#f815ba rgb(248,21,186)
```
#f81549
```
#f81549 rgb(248,21,73)
```

Analogous Color

#15f8c5
```
#15f8c5 rgb(21,248,197)
```
#f815ba
```
#f815ba rgb(248,21,186)
```
#49f815
```
#49f815 rgb(73,248,21)
```

Split Complementary Color

#15baf8
```
#15baf8 rgb(21,186,248)
```
#f815ba
```
#f815ba rgb(248,21,186)
```
#baf815
```
#baf815 rgb(186,248,21)
```

Triadic Color

#5315f8
```
#5315f8 rgb(83,21,248)
```
#f815ba
```
#f815ba rgb(248,21,186)
```
#baf815
```
#baf815 rgb(186,248,21)
```
#15f853
```
#15f853 rgb(21,248,83)
```

Tetradic Color

#bb0689
```
#bb0689 rgb(187,6,137)
```
#d4069c
```
#d4069c rgb(212,6,156)
```
#ec07ae
```
#ec07ae rgb(236,7,174)
```
#f815ba
```
#f815ba rgb(248,21,186)
```
#f92ec1
```
#f92ec1 rgb(249,46,193)
```
#f947c9
```
#f947c9 rgb(249,71,201)
```
#fa5fd0
```
#fa5fd0 rgb(250,95,208)
```

Monochromatic Color

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

#f815f3
```
#f815f3 rgb(248,21,243)
```
#f815e0
```
#f815e0 rgb(248,21,224)
```
#f815cd
```
#f815cd rgb(248,21,205)
```
#f815ba
```
#f815ba rgb(248,21,186)
```
#f815a7
```
#f815a7 rgb(248,21,167)
```
#f81594
```
#f81594 rgb(248,21,148)
```
#f81581
```
#f81581 rgb(248,21,129)
```

Similar Colors

Text with hexadecimal color #f815ba

This text has a font color of #f815ba.

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

#f815ba background color

This paragraph has a background color of #f815ba.

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

#f815ba border color

This element has a border color of #f815ba.

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

CSS codes

.text {color:#f815ba;}

.background {background-color:#f815ba;}

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

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

#0e000a
```
#0e000a rgb(14,0,10)
```
#210118
```
#210118 rgb(33,1,24)
```
#340226
```
#340226 rgb(52,2,38)
```
#470234
```
#470234 rgb(71,2,52)
```
#5a0342
```
#5a0342 rgb(90,3,66)
```
#6d0350
```
#6d0350 rgb(109,3,80)
```
#80045e
```
#80045e rgb(128,4,94)
```
#93046c
```
#93046c rgb(147,4,108)
```
#a6057a
```
#a6057a rgb(166,5,122)
```
#b90688
```
#b90688 rgb(185,6,136)
```
#cc0696
```
#cc0696 rgb(204,6,150)
```
#df07a4
```
#df07a4 rgb(223,7,164)
```
#f207b2
```
#f207b2 rgb(242,7,178)
```

Shade Color Variation

#f815ba
```
#f815ba rgb(248,21,186)
```
#f928c0
```
#f928c0 rgb(249,40,192)
```
#f93bc5
```
#f93bc5 rgb(249,59,197)
```
#fa4ecb
```
#fa4ecb rgb(250,78,203)
```
#fa61d0
```
#fa61d0 rgb(250,97,208)
```
#fb74d6
```
#fb74d6 rgb(251,116,214)
```
#fb87dc
```
#fb87dc rgb(251,135,220)
```
#fc9ae1
```
#fc9ae1 rgb(252,154,225)
```
#fdade7
```
#fdade7 rgb(253,173,231)
```
#fdc0ed
```
#fdc0ed rgb(253,192,237)
```
#fed3f2
```
#fed3f2 rgb(254,211,242)
```
#fee7f8
```
#fee7f8 rgb(254,231,248)
```
#fffafd
```
#fffafd rgb(255,250,253)
```

Tint Color Variation

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

#898488
```
#898488 rgb(137,132,136)
```
#927b8c
```
#927b8c rgb(146,123,140)
```
#9b7290
```
#9b7290 rgb(155,114,144)
```
#a56894
```
#a56894 rgb(165,104,148)
```
#ae5f98
```
#ae5f98 rgb(174,95,152)
```
#b7569d
```
#b7569d rgb(183,86,157)
```
#c04da1
```
#c04da1 rgb(192,77,161)
```
#ca43a5
```
#ca43a5 rgb(202,67,165)
```
#d33aa9
```
#d33aa9 rgb(211,58,169)
```
#dc31ad
```
#dc31ad rgb(220,49,173)
```
#e528b2
```
#e528b2 rgb(229,40,178)
```
#ef1eb6
```
#ef1eb6 rgb(239,30,182)
```
#f815ba
```
#f815ba rgb(248,21,186)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#885b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a89f8 Protanopia 1% of men
#898aab Deuteranopia 1% of men
#f05458 Tritanopia 0.001% of the population

Trichromacy

#895ee1 Protanomaly 1% of men, 0.01% of women
#b15fb0 Deuteranomaly 6% of men, 0.4% of women
#f33d7c Tritanomaly 0.01% of the population

#f815ba hex color

#f815ba Color Information

#f815ba Color Conversion

Color Schemes with #f815ba

Alternatives to #f815ba

#f815ba Preview

Shades and Tints of #f815ba

Tones of #f815ba

Color Blindness Simulator