#f2628a hex color

In a RGB color space, hex #f2628a is composed of 94.9% red, 38.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.5% magenta, 43% yellow and 5.1% black. It has a hue angle of 343.3 degrees, a saturation of 84.7% and a lightness of 66.7%. #f2628a color hex could be obtained by blending #ffc4ff with #e50015. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 38
- B 54
RGB color chart
- C 0
- M 60
- Y 43
- K 5
CMYK color chart

● #f2628a color description : Soft pink.

The hexadecimal color #f2628a has RGB values of R:242, G:98, B:138 and CMYK values of C:0, M:0.6, Y:0.43, K:0.05. Its decimal value is 15884938.

Hex triplet	f2628a	`#f2628a`
RGB Decimal	242, 98, 138	`rgb(242,98,138)`
RGB Percent	94.9, 38.4, 54.1	`rgb(94.9%,38.4%,54.1%)`
CMYK	0, 60, 43, 5
HSL	343.3°, 84.7, 66.7	`hsl(343.3,84.7%,66.7%)`
HSV (or HSB)	343.3°, 59.5, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.178, 58.683, 6.908
XYZ	45.574, 29.452, 27.328
xyY	0.445, 0.288, 29.452
CIE-LCH	61.178, 59.088, 6.714
CIE-LUV	61.178, 97.309, -2.199
Hunter-Lab	54.269, 54.928, 8.132
Binary	11110010, 01100010, 10001010

#f2628a
```
#f2628a rgb(242,98,138)
```
#62f2ca
```
#62f2ca rgb(98,242,202)
```

Complementary Color

#f262d2
```
#f262d2 rgb(242,98,210)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#f28262
```
#f28262 rgb(242,130,98)
```

Analogous Color

#62d2f2
```
#62d2f2 rgb(98,210,242)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#62f282
```
#62f282 rgb(98,242,130)
```

Split Complementary Color

#628af2
```
#628af2 rgb(98,138,242)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#8af262
```
#8af262 rgb(138,242,98)
```

Triadic Color

#ca62f2
```
#ca62f2 rgb(202,98,242)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#8af262
```
#8af262 rgb(138,242,98)
```
#62f2ca
```
#62f2ca rgb(98,242,202)
```

Tetradic Color

#ec1b55
```
#ec1b55 rgb(236,27,85)
```
#ee3367
```
#ee3367 rgb(238,51,103)
```
#f04a78
```
#f04a78 rgb(240,74,120)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#f47a9c
```
#f47a9c rgb(244,122,156)
```
#f691ad
```
#f691ad rgb(246,145,173)
```
#f8a9bf
```
#f8a9bf rgb(248,169,191)
```

Monochromatic Color

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

#f262ae
```
#f262ae rgb(242,98,174)
```
#f262a2
```
#f262a2 rgb(242,98,162)
```
#f26296
```
#f26296 rgb(242,98,150)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#f2627e
```
#f2627e rgb(242,98,126)
```
#f26272
```
#f26272 rgb(242,98,114)
```
#f26266
```
#f26266 rgb(242,98,102)
```

Similar Colors

Text with hexadecimal color #f2628a

This text has a font color of #f2628a.

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

#f2628a background color

This paragraph has a background color of #f2628a.

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

#f2628a border color

This element has a border color of #f2628a.

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

CSS codes

.text {color:#f2628a;}

.background {background-color:#f2628a;}

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

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, #060002 is the darkest color, while #fef3f6 is the lightest one.

#060002
```
#060002 rgb(6,0,2)
```
#180208
```
#180208 rgb(24,2,8)
```
#2a030e
```
#2a030e rgb(42,3,14)
```
#3c0514
```
#3c0514 rgb(60,5,20)
```
#4e071b
```
#4e071b rgb(78,7,27)
```
#610821
```
#610821 rgb(97,8,33)
```
#730a27
```
#730a27 rgb(115,10,39)
```
#850b2d
```
#850b2d rgb(133,11,45)
```
#970d33
```
#970d33 rgb(151,13,51)
```
#a90e39
```
#a90e39 rgb(169,14,57)
```
#bb103f
```
#bb103f rgb(187,16,63)
```
#cd1145
```
#cd1145 rgb(205,17,69)
```
#df134b
```
#df134b rgb(223,19,75)
```

Shade Color Variation

#ec1a54
```
#ec1a54 rgb(236,26,84)
```
#ee2c62
```
#ee2c62 rgb(238,44,98)
```
#ef3e6f
```
#ef3e6f rgb(239,62,111)
```
#f1507d
```
#f1507d rgb(241,80,125)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#f47498
```
#f47498 rgb(244,116,152)
```
#f586a5
```
#f586a5 rgb(245,134,165)
```
#f798b3
```
#f798b3 rgb(247,152,179)
```
#f8aac0
```
#f8aac0 rgb(248,170,192)
```
#fabdce
```
#fabdce rgb(250,189,206)
```
#fbcfdb
```
#fbcfdb rgb(251,207,219)
```
#fde1e9
```
#fde1e9 rgb(253,225,233)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#aaaaaa
```
#aaaaaa rgb(170,170,170)
```
#b1a3a7
```
#b1a3a7 rgb(177,163,167)
```
#b79da4
```
#b79da4 rgb(183,157,164)
```
#be96a1
```
#be96a1 rgb(190,150,161)
```
#c4909e
```
#c4909e rgb(196,144,158)
```
#cb899b
```
#cb899b rgb(203,137,155)
```
#d18399
```
#d18399 rgb(209,131,153)
```
#d87c96
```
#d87c96 rgb(216,124,150)
```
#de7693
```
#de7693 rgb(222,118,147)
```
#e56f90
```
#e56f90 rgb(229,111,144)
```
#eb698d
```
#eb698d rgb(235,105,141)
```
#f2628a
```
#f2628a rgb(242,98,138)
```
#f95b87
```
#f95b87 rgb(249,91,135)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a58890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9798a7 Protanopia 1% of men
#ae9386 Deuteranopia 1% of men
#f06f76 Tritanopia 0.001% of the population

Trichromacy

#b8849c Protanomaly 1% of men, 0.01% of women
#c68187 Deuteranomaly 6% of men, 0.4% of women
#f16a7d Tritanomaly 0.01% of the population

#f2628a hex color

#f2628a Color Information

#f2628a Color Conversion

Color Schemes with #f2628a

Alternatives to #f2628a

#f2628a Preview

Shades and Tints of #f2628a

Tones of #f2628a

Color Blindness Simulator