#f06a53 hex color

In a RGB color space, hex #f06a53 is composed of 94.1% red, 41.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 65.4% yellow and 5.9% black. It has a hue angle of 8.8 degrees, a saturation of 84% and a lightness of 63.3%. #f06a53 color hex could be obtained by blending #ffd4a6 with #e10000. Closest websafe color is: #ff6666.

♥
- f
- t
- g
- R 94
- G 42
- B 33
RGB color chart
- C 0
- M 56
- Y 65
- K 6
CMYK color chart

● #f06a53 color description : Soft red.

The hexadecimal color #f06a53 has RGB values of R:240, G:106, B:83 and CMYK values of C:0, M:0.56, Y:0.65, K:0.06. Its decimal value is 15755859.

Hex triplet	f06a53	`#f06a53`
RGB Decimal	240, 106, 83	`rgb(240,106,83)`
RGB Percent	94.1, 41.6, 32.5	`rgb(94.1%,41.6%,32.5%)`
CMYK	0, 56, 65, 6
HSL	8.8°, 84, 63.3	`hsl(8.8,84%,63.3%)`
HSV (or HSB)	8.8°, 65.4, 94.1
Web Safe	ff6666	`#ff6666`

CIE-LAB	61.187, 50.095, 38.205
XYZ	42.652, 29.462, 11.624
xyY	0.509, 0.352, 29.462
CIE-LCH	61.187, 63.001, 37.331
CIE-LUV	61.187, 103.882, 33.503
Hunter-Lab	54.279, 45.276, 25.298
Binary	11110000, 01101010, 01010011

#f06a53
```
#f06a53 rgb(240,106,83)
```
#53d9f0
```
#53d9f0 rgb(83,217,240)
```

Complementary Color

#f0538b
```
#f0538b rgb(240,83,139)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#f0b953
```
#f0b953 rgb(240,185,83)
```

Analogous Color

#538bf0
```
#538bf0 rgb(83,139,240)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#53f0b9
```
#53f0b9 rgb(83,240,185)
```

Split Complementary Color

#6a53f0
```
#6a53f0 rgb(106,83,240)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#53f06a
```
#53f06a rgb(83,240,106)
```

Triadic Color

#f053d9
```
#f053d9 rgb(240,83,217)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#53f06a
```
#53f06a rgb(83,240,106)
```
#53d9f0
```
#53d9f0 rgb(83,217,240)
```

Tetradic Color

#e33214
```
#e33214 rgb(227,50,20)
```
#ec4124
```
#ec4124 rgb(236,65,36)
```
#ee563c
```
#ee563c rgb(238,86,60)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#f27e6a
```
#f27e6a rgb(242,126,106)
```
#f49382
```
#f49382 rgb(244,147,130)
```
#f6a799
```
#f6a799 rgb(246,167,153)
```

Monochromatic Color

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

#f05363
```
#f05363 rgb(240,83,99)
```
#f05356
```
#f05356 rgb(240,83,86)
```
#f05d53
```
#f05d53 rgb(240,93,83)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#f07753
```
#f07753 rgb(240,119,83)
```
#f08453
```
#f08453 rgb(240,132,83)
```
#f09153
```
#f09153 rgb(240,145,83)
```

Similar Colors

Text with hexadecimal color #f06a53

This text has a font color of #f06a53.

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

#f06a53 background color

This paragraph has a background color of #f06a53.

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

#f06a53 border color

This element has a border color of #f06a53.

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

CSS codes

.text {color:#f06a53;}

.background {background-color:#f06a53;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#1a0602
```
#1a0602 rgb(26,6,2)
```
#2d0a04
```
#2d0a04 rgb(45,10,4)
```
#3f0e05
```
#3f0e05 rgb(63,14,5)
```
#511207
```
#511207 rgb(81,18,7)
```
#631609
```
#631609 rgb(99,22,9)
```
#751a0a
```
#751a0a rgb(117,26,10)
```
#871e0c
```
#871e0c rgb(135,30,12)
```
#99220d
```
#99220d rgb(153,34,13)
```
#ab260f
```
#ab260f rgb(171,38,15)
```
#bd2a10
```
#bd2a10 rgb(189,42,16)
```
#cf2e12
```
#cf2e12 rgb(207,46,18)
```
#e13214
```
#e13214 rgb(225,50,20)
```

Shade Color Variation

#eb3b1d
```
#eb3b1d rgb(235,59,29)
```
#ed4b2f
```
#ed4b2f rgb(237,75,47)
```
#ee5a41
```
#ee5a41 rgb(238,90,65)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#f27a65
```
#f27a65 rgb(242,122,101)
```
#f38977
```
#f38977 rgb(243,137,119)
```
#f59989
```
#f59989 rgb(245,153,137)
```
#f6a99b
```
#f6a99b rgb(246,169,155)
```
#f8b8ad
```
#f8b8ad rgb(248,184,173)
```
#f9c8bf
```
#f9c8bf rgb(249,200,191)
```
#fbd7d1
```
#fbd7d1 rgb(251,215,209)
```
#fde7e3
```
#fde7e3 rgb(253,231,227)
```
#fef7f5
```
#fef7f5 rgb(254,247,245)
```

Tint Color Variation

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

#a89d9b
```
#a89d9b rgb(168,157,155)
```
#af9894
```
#af9894 rgb(175,152,148)
```
#b6938d
```
#b6938d rgb(182,147,141)
```
#be8e85
```
#be8e85 rgb(190,142,133)
```
#c5897e
```
#c5897e rgb(197,137,126)
```
#cc8377
```
#cc8377 rgb(204,131,119)
```
#d37e70
```
#d37e70 rgb(211,126,112)
```
#da7969
```
#da7969 rgb(218,121,105)
```
#e27461
```
#e27461 rgb(226,116,97)
```
#e96f5a
```
#e96f5a rgb(233,111,90)
```
#f06a53
```
#f06a53 rgb(240,106,83)
```
#f7654c
```
#f7654c rgb(247,101,76)
```
#fe6045
```
#fe6045 rgb(254,96,69)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a28883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59969 Protanopia 1% of men
#ba9253 Deuteranopia 1% of men
#f26e74 Tritanopia 0.001% of the population

Trichromacy

#c08861 Protanomaly 1% of men, 0.01% of women
#cd8353 Deuteranomaly 6% of men, 0.4% of women
#f16c68 Tritanomaly 0.01% of the population

#f06a53 hex color

#f06a53 Color Information

#f06a53 Color Conversion

Color Schemes with #f06a53

Alternatives to #f06a53

#f06a53 Preview

Shades and Tints of #f06a53

Tones of #f06a53

Color Blindness Simulator