#f06266 hex color

In a RGB color space, hex #f06266 is composed of 94.1% red, 38.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 57.5% yellow and 5.9% black. It has a hue angle of 358.3 degrees, a saturation of 82.6% and a lightness of 66.3%. #f06266 color hex could be obtained by blending #ffc4cc with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 38
- B 40
RGB color chart
- C 0
- M 59
- Y 58
- K 6
CMYK color chart

● #f06266 color description : Soft red.

The hexadecimal color #f06266 has RGB values of R:240, G:98, B:102 and CMYK values of C:0, M:0.59, Y:0.58, K:0.06. Its decimal value is 15753830.

Hex triplet	f06266	`#f06266`
RGB Decimal	240, 98, 102	`rgb(240,98,102)`
RGB Percent	94.1, 38.4, 40	`rgb(94.1%,38.4%,40%)`
CMYK	0, 59, 58, 6
HSL	358.3°, 82.6, 66.3	`hsl(358.3,82.6%,66.3%)`
HSV (or HSB)	358.3°, 59.2, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.091, 54.973, 26.162
XYZ	42.702, 28.224, 15.769
xyY	0.493, 0.326, 28.224
CIE-LCH	60.091, 60.88, 25.45
CIE-LUV	60.091, 105.368, 20.675
Hunter-Lab	53.126, 50.506, 19.59
Binary	11110000, 01100010, 01100110

#f06266
```
#f06266 rgb(240,98,102)
```
#62f0ec
```
#62f0ec rgb(98,240,236)
```

Complementary Color

#f062ad
```
#f062ad rgb(240,98,173)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#f0a562
```
#f0a562 rgb(240,165,98)
```

Analogous Color

#62adf0
```
#62adf0 rgb(98,173,240)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#62f0a5
```
#62f0a5 rgb(98,240,165)
```

Split Complementary Color

#6266f0
```
#6266f0 rgb(98,102,240)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#66f062
```
#66f062 rgb(102,240,98)
```

Triadic Color

#ec62f0
```
#ec62f0 rgb(236,98,240)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#66f062
```
#66f062 rgb(102,240,98)
```
#62f0ec
```
#62f0ec rgb(98,240,236)
```

Tetradic Color

#e91c22
```
#e91c22 rgb(233,28,34)
```
#ec3339
```
#ec3339 rgb(236,51,57)
```
#ee4b4f
```
#ee4b4f rgb(238,75,79)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#f2797d
```
#f2797d rgb(242,121,125)
```
#f49193
```
#f49193 rgb(244,145,147)
```
#f7a8aa
```
#f7a8aa rgb(247,168,170)
```

Monochromatic Color

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

#f0628a
```
#f0628a rgb(240,98,138)
```
#f0627e
```
#f0627e rgb(240,98,126)
```
#f06272
```
#f06272 rgb(240,98,114)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#f06a62
```
#f06a62 rgb(240,106,98)
```
#f07662
```
#f07662 rgb(240,118,98)
```
#f08262
```
#f08262 rgb(240,130,98)
```

Similar Colors

Text with hexadecimal color #f06266

This text has a font color of #f06266.

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

#f06266 background color

This paragraph has a background color of #f06266.

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

#f06266 border color

This element has a border color of #f06266.

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

CSS codes

.text {color:#f06266;}

.background {background-color:#f06266;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#160203
```
#160203 rgb(22,2,3)
```
#280405
```
#280405 rgb(40,4,5)
```
#3a0607
```
#3a0607 rgb(58,6,7)
```
#4c0709
```
#4c0709 rgb(76,7,9)
```
#5e090b
```
#5e090b rgb(94,9,11)
```
#700b0e
```
#700b0e rgb(112,11,14)
```
#810c10
```
#810c10 rgb(129,12,16)
```
#930e12
```
#930e12 rgb(147,14,18)
```
#a51014
```
#a51014 rgb(165,16,20)
```
#b71216
```
#b71216 rgb(183,18,22)
```
#c91318
```
#c91318 rgb(201,19,24)
```
#db151b
```
#db151b rgb(219,21,27)
```

Shade Color Variation

#e91a20
```
#e91a20 rgb(233,26,32)
```
#eb2c32
```
#eb2c32 rgb(235,44,50)
```
#ed3e43
```
#ed3e43 rgb(237,62,67)
```
#ee5055
```
#ee5055 rgb(238,80,85)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#f27477
```
#f27477 rgb(242,116,119)
```
#f38689
```
#f38689 rgb(243,134,137)
```
#f5989a
```
#f5989a rgb(245,152,154)
```
#f7aaac
```
#f7aaac rgb(247,170,172)
```
#f9bcbd
```
#f9bcbd rgb(249,188,189)
```
#facdcf
```
#facdcf rgb(250,205,207)
```
#fcdfe0
```
#fcdfe0 rgb(252,223,224)
```
#fef1f2
```
#fef1f2 rgb(254,241,242)
```

Tint Color Variation

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

#aea4a4
```
#aea4a4 rgb(174,164,164)
```
#b49e9e
```
#b49e9e rgb(180,158,158)
```
#bb9798
```
#bb9798 rgb(187,151,152)
```
#c29092
```
#c29092 rgb(194,144,146)
```
#c88a8b
```
#c88a8b rgb(200,138,139)
```
#cf8385
```
#cf8385 rgb(207,131,133)
```
#d67c7f
```
#d67c7f rgb(214,124,127)
```
#dc7679
```
#dc7679 rgb(220,118,121)
```
#e36f72
```
#e36f72 rgb(227,111,114)
```
#e9696c
```
#e9696c rgb(233,105,108)
```
#f06266
```
#f06266 rgb(240,98,102)
```
#f75b60
```
#f75b60 rgb(247,91,96)
```
#fd555a
```
#fd555a rgb(253,85,90)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a18485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e967f Protanopia 1% of men
#b39065 Deuteranopia 1% of men
#f06970 Tritanopia 0.001% of the population

Trichromacy

#bc8376 Protanomaly 1% of men, 0.01% of women
#c97f65 Deuteranomaly 6% of men, 0.4% of women
#f0666c Tritanomaly 0.01% of the population

#f06266 hex color

#f06266 Color Information

#f06266 Color Conversion

Color Schemes with #f06266

Alternatives to #f06266

#f06266 Preview

Shades and Tints of #f06266

Tones of #f06266

Color Blindness Simulator