#f85334 hex color

In a RGB color space, hex #f85334 is composed of 97.3% red, 32.5% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.5% magenta, 79% yellow and 2.7% black. It has a hue angle of 9.5 degrees, a saturation of 93.3% and a lightness of 58.8%. #f85334 color hex could be obtained by blending #ffa668 with #f10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 97
- G 33
- B 20
RGB color chart
- C 0
- M 67
- Y 79
- K 3
CMYK color chart

● #f85334 color description : Bright red.

The hexadecimal color #f85334 has RGB values of R:248, G:83, B:52 and CMYK values of C:0, M:0.67, Y:0.79, K:0.03. Its decimal value is 16274228.

Hex triplet	f85334	`#f85334`
RGB Decimal	248, 83, 52	`rgb(248,83,52)`
RGB Percent	97.3, 32.5, 20.4	`rgb(97.3%,32.5%,20.4%)`
CMYK	0, 67, 79, 3
HSL	9.5°, 93.3, 58.8	`hsl(9.5,93.3%,58.8%)`
HSV (or HSB)	9.5°, 79, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.411, 61.386, 51.727
XYZ	42.426, 26.396, 6.11
xyY	0.566, 0.352, 26.396
CIE-LCH	58.411, 80.274, 40.119
CIE-LUV	58.411, 131.942, 39.367
Hunter-Lab	51.377, 57.494, 28.913
Binary	11111000, 01010011, 00110100

#f85334
```
#f85334 rgb(248,83,52)
```
#34d9f8
```
#34d9f8 rgb(52,217,248)
```

Complementary Color

#f83477
```
#f83477 rgb(248,52,119)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#f8b534
```
#f8b534 rgb(248,181,52)
```

Analogous Color

#3477f8
```
#3477f8 rgb(52,119,248)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#34f8b5
```
#34f8b5 rgb(52,248,181)
```

Split Complementary Color

#5334f8
```
#5334f8 rgb(83,52,248)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#34f853
```
#34f853 rgb(52,248,83)
```

Triadic Color

#f834d9
```
#f834d9 rgb(248,52,217)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#34f853
```
#34f853 rgb(52,248,83)
```
#34d9f8
```
#34d9f8 rgb(52,217,248)
```

Tetradic Color

#d82807
```
#d82807 rgb(216,40,7)
```
#f12d08
```
#f12d08 rgb(241,45,8)
```
#f73e1b
```
#f73e1b rgb(247,62,27)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#f9684d
```
#f9684d rgb(249,104,77)
```
#fa7d65
```
#fa7d65 rgb(250,125,101)
```
#fb927e
```
#fb927e rgb(251,146,126)
```

Monochromatic Color

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

#f83446
```
#f83446 rgb(248,52,70)
```
#f83436
```
#f83436 rgb(248,52,54)
```
#f84334
```
#f84334 rgb(248,67,52)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#f86334
```
#f86334 rgb(248,99,52)
```
#f87434
```
#f87434 rgb(248,116,52)
```
#f88434
```
#f88434 rgb(248,132,52)
```

Similar Colors

Text with hexadecimal color #f85334

This text has a font color of #f85334.

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

#f85334 background color

This paragraph has a background color of #f85334.

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

#f85334 border color

This element has a border color of #f85334.

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

CSS codes

.text {color:#f85334;}

.background {background-color:#f85334;}

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

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 #fff4f2 is the lightest one.

#060100
```
#060100 rgb(6,1,0)
```
#190501
```
#190501 rgb(25,5,1)
```
#2c0802
```
#2c0802 rgb(44,8,2)
```
#3e0c02
```
#3e0c02 rgb(62,12,2)
```
#510f03
```
#510f03 rgb(81,15,3)
```
#641303
```
#641303 rgb(100,19,3)
```
#771604
```
#771604 rgb(119,22,4)
```
#8a1a05
```
#8a1a05 rgb(138,26,5)
```
#9d1d05
```
#9d1d05 rgb(157,29,5)
```
#b02106
```
#b02106 rgb(176,33,6)
```
#c32507
```
#c32507 rgb(195,37,7)
```
#d62807
```
#d62807 rgb(214,40,7)
```
#e92c08
```
#e92c08 rgb(233,44,8)
```

Shade Color Variation

#f7330e
```
#f7330e rgb(247,51,14)
```
#f74321
```
#f74321 rgb(247,67,33)
```
#f85334
```
#f85334 rgb(248,83,52)
```
#f96347
```
#f96347 rgb(249,99,71)
```
#f9735a
```
#f9735a rgb(249,115,90)
```
#fa836d
```
#fa836d rgb(250,131,109)
```
#fb9380
```
#fb9380 rgb(251,147,128)
```
#fba393
```
#fba393 rgb(251,163,147)
```
#fcb3a6
```
#fcb3a6 rgb(252,179,166)
```
#fdc3b9
```
#fdc3b9 rgb(253,195,185)
```
#fdd4cc
```
#fdd4cc rgb(253,212,204)
```
#fee4df
```
#fee4df rgb(254,228,223)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#979595
```
#979595 rgb(151,149,149)
```
#9f908d
```
#9f908d rgb(159,144,141)
```
#a78a85
```
#a78a85 rgb(167,138,133)
```
#af857d
```
#af857d rgb(175,133,125)
```
#b77f75
```
#b77f75 rgb(183,127,117)
```
#bf7a6d
```
#bf7a6d rgb(191,122,109)
```
#c87464
```
#c87464 rgb(200,116,100)
```
#d06f5c
```
#d06f5c rgb(208,111,92)
```
#d86954
```
#d86954 rgb(216,105,84)
```
#e0644c
```
#e0644c rgb(224,100,76)
```
#e85e44
```
#e85e44 rgb(232,94,68)
```
#f0593c
```
#f0593c rgb(240,89,60)
```
#f85334
```
#f85334 rgb(248,83,52)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#997872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1924d Protanopia 1% of men
#b58b30 Deuteranopia 1% of men
#f9585c Tritanopia 0.001% of the population

Trichromacy

#c07b44 Protanomaly 1% of men, 0.01% of women
#cd7631 Deuteranomaly 6% of men, 0.4% of women
#f8564d Tritanomaly 0.01% of the population

#f85334 hex color

#f85334 Color Information

#f85334 Color Conversion

Color Schemes with #f85334

Alternatives to #f85334

#f85334 Preview

Shades and Tints of #f85334

Tones of #f85334

Color Blindness Simulator