#f06550 hex color

In a RGB color space, hex #f06550 is composed of 94.1% red, 39.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 66.7% yellow and 5.9% black. It has a hue angle of 7.9 degrees, a saturation of 84.2% and a lightness of 62.7%. #f06550 color hex could be obtained by blending #ffcaa0 with #e10000. Closest websafe color is: #ff6666.

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

● #f06550 color description : Soft red.

The hexadecimal color #f06550 has RGB values of R:240, G:101, B:80 and CMYK values of C:0, M:0.58, Y:0.67, K:0.06. Its decimal value is 15754576.

Hex triplet	f06550	`#f06550`
RGB Decimal	240, 101, 80	`rgb(240,101,80)`
RGB Percent	94.1, 39.6, 31.4	`rgb(94.1%,39.6%,31.4%)`
CMYK	0, 58, 67, 6
HSL	7.9°, 84.2, 62.7	`hsl(7.9,84.2%,62.7%)`
HSV (or HSB)	7.9°, 66.7, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.263, 52.235, 38.736
XYZ	42.038, 28.416, 10.86
xyY	0.517, 0.349, 28.416
CIE-LCH	60.263, 65.031, 36.559
CIE-LUV	60.263, 108.025, 33.119
Hunter-Lab	53.307, 47.481, 25.236
Binary	11110000, 01100101, 01010000

#f06550
```
#f06550 rgb(240,101,80)
```
#50dbf0
```
#50dbf0 rgb(80,219,240)
```

Complementary Color

#f0508b
```
#f0508b rgb(240,80,139)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#f0b550
```
#f0b550 rgb(240,181,80)
```

Analogous Color

#508bf0
```
#508bf0 rgb(80,139,240)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#50f0b5
```
#50f0b5 rgb(80,240,181)
```

Split Complementary Color

#6550f0
```
#6550f0 rgb(101,80,240)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#50f065
```
#50f065 rgb(80,240,101)
```

Triadic Color

#f050db
```
#f050db rgb(240,80,219)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#50f065
```
#50f065 rgb(80,240,101)
```
#50dbf0
```
#50dbf0 rgb(80,219,240)
```

Tetradic Color

#e02e13
```
#e02e13 rgb(224,46,19)
```
#ec3c21
```
#ec3c21 rgb(236,60,33)
```
#ee5039
```
#ee5039 rgb(238,80,57)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#f27a67
```
#f27a67 rgb(242,122,103)
```
#f48e7f
```
#f48e7f rgb(244,142,127)
```
#f6a396
```
#f6a396 rgb(246,163,150)
```

Monochromatic Color

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

#f05063
```
#f05063 rgb(240,80,99)
```
#f05056
```
#f05056 rgb(240,80,86)
```
#f05850
```
#f05850 rgb(240,88,80)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#f07250
```
#f07250 rgb(240,114,80)
```
#f08050
```
#f08050 rgb(240,128,80)
```
#f08d50
```
#f08d50 rgb(240,141,80)
```

Similar Colors

Text with hexadecimal color #f06550

This text has a font color of #f06550.

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

#f06550 background color

This paragraph has a background color of #f06550.

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

#f06550 border color

This element has a border color of #f06550.

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

CSS codes

.text {color:#f06550;}

.background {background-color:#f06550;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#180502
```
#180502 rgb(24,5,2)
```
#2a0904
```
#2a0904 rgb(42,9,4)
```
#3c0c05
```
#3c0c05 rgb(60,12,5)
```
#4e1007
```
#4e1007 rgb(78,16,7)
```
#601408
```
#601408 rgb(96,20,8)
```
#72170a
```
#72170a rgb(114,23,10)
```
#841b0b
```
#841b0b rgb(132,27,11)
```
#961f0d
```
#961f0d rgb(150,31,13)
```
#a8230e
```
#a8230e rgb(168,35,14)
```
#ba2610
```
#ba2610 rgb(186,38,16)
```
#cc2a12
```
#cc2a12 rgb(204,42,18)
```
#de2e13
```
#de2e13 rgb(222,46,19)
```

Shade Color Variation

#eb351a
```
#eb351a rgb(235,53,26)
```
#ed452c
```
#ed452c rgb(237,69,44)
```
#ee553e
```
#ee553e rgb(238,85,62)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#f27562
```
#f27562 rgb(242,117,98)
```
#f38574
```
#f38574 rgb(243,133,116)
```
#f59586
```
#f59586 rgb(245,149,134)
```
#f6a598
```
#f6a598 rgb(246,165,152)
```
#f8b4aa
```
#f8b4aa rgb(248,180,170)
```
#f9c4bc
```
#f9c4bc rgb(249,196,188)
```
#fbd4ce
```
#fbd4ce rgb(251,212,206)
```
#fce4e1
```
#fce4e1 rgb(252,228,225)
```
#fef4f3
```
#fef4f3 rgb(254,244,243)
```

Tint Color Variation

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

#a79b99
```
#a79b99 rgb(167,155,153)
```
#ae9692
```
#ae9692 rgb(174,150,146)
```
#b6908a
```
#b6908a rgb(182,144,138)
```
#bd8b83
```
#bd8b83 rgb(189,139,131)
```
#c4857c
```
#c4857c rgb(196,133,124)
```
#cb8075
```
#cb8075 rgb(203,128,117)
```
#d37b6d
```
#d37b6d rgb(211,123,109)
```
#da7566
```
#da7566 rgb(218,117,102)
```
#e1705f
```
#e1705f rgb(225,112,95)
```
#e96a57
```
#e96a57 rgb(233,106,87)
```
#f06550
```
#f06550 rgb(240,101,80)
```
#f76049
```
#f76049 rgb(247,96,73)
```
#ff5a41
```
#ff5a41 rgb(255,90,65)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a08480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39667 Protanopia 1% of men
#b89050 Deuteranopia 1% of men
#f16970 Tritanopia 0.001% of the population

Trichromacy

#bf845e Protanomaly 1% of men, 0.01% of women
#cc8050 Deuteranomaly 6% of men, 0.4% of women
#f16864 Tritanomaly 0.01% of the population

#f06550 hex color

#f06550 Color Information

#f06550 Color Conversion

Color Schemes with #f06550

Alternatives to #f06550

#f06550 Preview

Shades and Tints of #f06550

Tones of #f06550

Color Blindness Simulator