#f2678e hex color

In a RGB color space, hex #f2678e is composed of 94.9% red, 40.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.4% magenta, 41.3% yellow and 5.1% black. It has a hue angle of 343.2 degrees, a saturation of 84.2% and a lightness of 67.6%. #f2678e color hex could be obtained by blending #ffceff with #e5001d. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 40
- B 56
RGB color chart
- C 0
- M 57
- Y 41
- K 5
CMYK color chart

● #f2678e color description : Soft pink.

The hexadecimal color #f2678e has RGB values of R:242, G:103, B:142 and CMYK values of C:0, M:0.57, Y:0.41, K:0.05. Its decimal value is 15886222.

Hex triplet	f2678e	`#f2678e`
RGB Decimal	242, 103, 142	`rgb(242,103,142)`
RGB Percent	94.9, 40.4, 55.7	`rgb(94.9%,40.4%,55.7%)`
CMYK	0, 57, 41, 5
HSL	343.2°, 84.2, 67.6	`hsl(343.2,84.2%,67.6%)`
HSV (or HSB)	343.2°, 57.4, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	62.113, 56.867, 5.935
XYZ	46.352, 30.535, 29.043
xyY	0.438, 0.288, 30.535
CIE-LCH	62.113, 57.176, 5.958
CIE-LUV	62.113, 93.352, -3.015
Hunter-Lab	55.258, 53.027, 7.519
Binary	11110010, 01100111, 10001110

#f2678e
```
#f2678e rgb(242,103,142)
```
#67f2cb
```
#67f2cb rgb(103,242,203)
```

Complementary Color

#f267d4
```
#f267d4 rgb(242,103,212)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#f28667
```
#f28667 rgb(242,134,103)
```

Analogous Color

#67d4f2
```
#67d4f2 rgb(103,212,242)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#67f286
```
#67f286 rgb(103,242,134)
```

Split Complementary Color

#678ef2
```
#678ef2 rgb(103,142,242)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#8ef267
```
#8ef267 rgb(142,242,103)
```

Triadic Color

#cb67f2
```
#cb67f2 rgb(203,103,242)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#8ef267
```
#8ef267 rgb(142,242,103)
```
#67f2cb
```
#67f2cb rgb(103,242,203)
```

Tetradic Color

#ec215a
```
#ec215a rgb(236,33,90)
```
#ee386b
```
#ee386b rgb(238,56,107)
```
#f0507d
```
#f0507d rgb(240,80,125)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#f47e9f
```
#f47e9f rgb(244,126,159)
```
#f696b1
```
#f696b1 rgb(246,150,177)
```
#f8adc2
```
#f8adc2 rgb(248,173,194)
```

Monochromatic Color

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

#f267b1
```
#f267b1 rgb(242,103,177)
```
#f267a5
```
#f267a5 rgb(242,103,165)
```
#f2679a
```
#f2679a rgb(242,103,154)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#f26782
```
#f26782 rgb(242,103,130)
```
#f26777
```
#f26777 rgb(242,103,119)
```
#f2676b
```
#f2676b rgb(242,103,107)
```

Similar Colors

Text with hexadecimal color #f2678e

This text has a font color of #f2678e.

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

#f2678e background color

This paragraph has a background color of #f2678e.

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

#f2678e border color

This element has a border color of #f2678e.

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

CSS codes

.text {color:#f2678e;}

.background {background-color:#f2678e;}

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

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

#0b0104
```
#0b0104 rgb(11,1,4)
```
#1d020a
```
#1d020a rgb(29,2,10)
```
#2f0410
```
#2f0410 rgb(47,4,16)
```
#410616
```
#410616 rgb(65,6,22)
```
#53071c
```
#53071c rgb(83,7,28)
```
#650923
```
#650923 rgb(101,9,35)
```
#770a29
```
#770a29 rgb(119,10,41)
```
#890c2f
```
#890c2f rgb(137,12,47)
```
#9b0d35
```
#9b0d35 rgb(155,13,53)
```
#ad0f3b
```
#ad0f3b rgb(173,15,59)
```
#bf1041
```
#bf1041 rgb(191,16,65)
```
#d11248
```
#d11248 rgb(209,18,72)
```
#e3134e
```
#e3134e rgb(227,19,78)
```

Shade Color Variation

#ec1f58
```
#ec1f58 rgb(236,31,88)
```
#ed3166
```
#ed3166 rgb(237,49,102)
```
#ef4373
```
#ef4373 rgb(239,67,115)
```
#f05581
```
#f05581 rgb(240,85,129)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#f4799b
```
#f4799b rgb(244,121,155)
```
#f58ba9
```
#f58ba9 rgb(245,139,169)
```
#f79db6
```
#f79db6 rgb(247,157,182)
```
#f8afc4
```
#f8afc4 rgb(248,175,196)
```
#fac1d1
```
#fac1d1 rgb(250,193,209)
```
#fbd3df
```
#fbd3df rgb(251,211,223)
```
#fde5ec
```
#fde5ec rgb(253,229,236)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#b3a6aa
```
#b3a6aa rgb(179,166,170)
```
#b9a0a7
```
#b9a0a7 rgb(185,160,167)
```
#bf9aa4
```
#bf9aa4 rgb(191,154,164)
```
#c693a1
```
#c693a1 rgb(198,147,161)
```
#cc8d9f
```
#cc8d9f rgb(204,141,159)
```
#d2879c
```
#d2879c rgb(210,135,156)
```
#d98099
```
#d98099 rgb(217,128,153)
```
#df7a96
```
#df7a96 rgb(223,122,150)
```
#e57494
```
#e57494 rgb(229,116,148)
```
#ec6d91
```
#ec6d91 rgb(236,109,145)
```
#f2678e
```
#f2678e rgb(242,103,142)
```
#f8618b
```
#f8618b rgb(248,97,139)
```
#ff5a88
```
#ff5a88 rgb(255,90,136)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a88c94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999aa9 Protanopia 1% of men
#b0968a Deuteranopia 1% of men
#f0737a Tritanopia 0.001% of the population

Trichromacy

#b9879f Protanomaly 1% of men, 0.01% of women
#c8858b Deuteranomaly 6% of men, 0.4% of women
#f16f81 Tritanomaly 0.01% of the population

#f2678e hex color

#f2678e Color Information

#f2678e Color Conversion

Color Schemes with #f2678e

Alternatives to #f2678e

#f2678e Preview

Shades and Tints of #f2678e

Tones of #f2678e

Color Blindness Simulator