#f26ca2 hex color

In a RGB color space, hex #f26ca2 is composed of 94.9% red, 42.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 33.1% yellow and 5.1% black. It has a hue angle of 335.8 degrees, a saturation of 83.8% and a lightness of 68.6%. #f26ca2 color hex could be obtained by blending #ffd8ff with #e50045. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 42
- B 64
RGB color chart
- C 0
- M 55
- Y 33
- K 5
CMYK color chart

● #f26ca2 color description : Soft pink.

The hexadecimal color #f26ca2 has RGB values of R:242, G:108, B:162 and CMYK values of C:0, M:0.55, Y:0.33, K:0.05. Its decimal value is 15887522.

Hex triplet	f26ca2	`#f26ca2`
RGB Decimal	242, 108, 162	`rgb(242,108,162)`
RGB Percent	94.9, 42.4, 63.5	`rgb(94.9%,42.4%,63.5%)`
CMYK	0, 55, 33, 5
HSL	335.8°, 83.8, 68.6	`hsl(335.8,83.8%,68.6%)`
HSV (or HSB)	335.8°, 55.4, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	63.52, 56.798, -3.515
XYZ	48.503, 32.215, 37.844
xyY	0.409, 0.272, 32.215
CIE-LCH	63.52, 56.907, 356.459
CIE-LUV	63.52, 84.914, -15.695
Hunter-Lab	56.758, 53.21, 0.198
Binary	11110010, 01101100, 10100010

#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#6cf2bc
```
#6cf2bc rgb(108,242,188)
```

Complementary Color

#f26ce5
```
#f26ce5 rgb(242,108,229)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#f2796c
```
#f2796c rgb(242,121,108)
```

Analogous Color

#6ce5f2
```
#6ce5f2 rgb(108,229,242)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#6cf279
```
#6cf279 rgb(108,242,121)
```

Split Complementary Color

#6ca2f2
```
#6ca2f2 rgb(108,162,242)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#a2f26c
```
#a2f26c rgb(162,242,108)
```

Triadic Color

#bc6cf2
```
#bc6cf2 rgb(188,108,242)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#a2f26c
```
#a2f26c rgb(162,242,108)
```
#6cf2bc
```
#6cf2bc rgb(108,242,188)
```

Tetradic Color

#ec2676
```
#ec2676 rgb(236,38,118)
```
#ee3d84
```
#ee3d84 rgb(238,61,132)
```
#f05593
```
#f05593 rgb(240,85,147)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#f483b1
```
#f483b1 rgb(244,131,177)
```
#f69bc0
```
#f69bc0 rgb(246,155,192)
```
#f8b2ce
```
#f8b2ce rgb(248,178,206)
```

Monochromatic Color

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

#f26cc4
```
#f26cc4 rgb(242,108,196)
```
#f26cb8
```
#f26cb8 rgb(242,108,184)
```
#f26cad
```
#f26cad rgb(242,108,173)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#f26c97
```
#f26c97 rgb(242,108,151)
```
#f26c8c
```
#f26c8c rgb(242,108,140)
```
#f26c81
```
#f26c81 rgb(242,108,129)
```

Similar Colors

Text with hexadecimal color #f26ca2

This text has a font color of #f26ca2.

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

#f26ca2 background color

This paragraph has a background color of #f26ca2.

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

#f26ca2 border color

This element has a border color of #f26ca2.

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

CSS codes

.text {color:#f26ca2;}

.background {background-color:#f26ca2;}

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

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

#0f0107
```
#0f0107 rgb(15,1,7)
```
#21030f
```
#21030f rgb(33,3,15)
```
#330517
```
#330517 rgb(51,5,23)
```
#450620
```
#450620 rgb(69,6,32)
```
#570828
```
#570828 rgb(87,8,40)
```
#690930
```
#690930 rgb(105,9,48)
```
#7b0b38
```
#7b0b38 rgb(123,11,56)
```
#8d0d40
```
#8d0d40 rgb(141,13,64)
```
#9f0e49
```
#9f0e49 rgb(159,14,73)
```
#b11051
```
#b11051 rgb(177,16,81)
```
#c31159
```
#c31159 rgb(195,17,89)
```
#d51361
```
#d51361 rgb(213,19,97)
```
#e71469
```
#e71469 rgb(231,20,105)
```

Shade Color Variation

#ec2474
```
#ec2474 rgb(236,36,116)
```
#ed3680
```
#ed3680 rgb(237,54,128)
```
#ef488b
```
#ef488b rgb(239,72,139)
```
#f05a97
```
#f05a97 rgb(240,90,151)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#f47ead
```
#f47ead rgb(244,126,173)
```
#f590b9
```
#f590b9 rgb(245,144,185)
```
#f7a2c4
```
#f7a2c4 rgb(247,162,196)
```
#f8b4d0
```
#f8b4d0 rgb(248,180,208)
```
#fac6db
```
#fac6db rgb(250,198,219)
```
#fcd8e6
```
#fcd8e6 rgb(252,216,230)
```
#fdeaf2
```
#fdeaf2 rgb(253,234,242)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#b4aaae
```
#b4aaae rgb(180,170,174)
```
#bba3ad
```
#bba3ad rgb(187,163,173)
```
#c19dac
```
#c19dac rgb(193,157,172)
```
#c797aa
```
#c797aa rgb(199,151,170)
```
#cd91a9
```
#cd91a9 rgb(205,145,169)
```
#d38ba8
```
#d38ba8 rgb(211,139,168)
```
#d985a7
```
#d985a7 rgb(217,133,167)
```
#e07ea6
```
#e07ea6 rgb(224,126,166)
```
#e678a4
```
#e678a4 rgb(230,120,164)
```
#ec72a3
```
#ec72a3 rgb(236,114,163)
```
#f26ca2
```
#f26ca2 rgb(242,108,162)
```
#f866a1
```
#f866a1 rgb(248,102,161)
```
#fe60a0
```
#fe60a0 rgb(254,96,160)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ac919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#979dbe Protanopia 1% of men
#ae9a9d Deuteranopia 1% of men
#ef7b82 Tritanopia 0.001% of the population

Trichromacy

#b88bb3 Protanomaly 1% of men, 0.01% of women
#c6899f Deuteranomaly 6% of men, 0.4% of women
#f0758e Tritanomaly 0.01% of the population

#f26ca2 hex color

#f26ca2 Color Information

#f26ca2 Color Conversion

Color Schemes with #f26ca2

Alternatives to #f26ca2

#f26ca2 Preview

Shades and Tints of #f26ca2

Tones of #f26ca2

Color Blindness Simulator