#f33014 hex color

In a RGB color space, hex #f33014 is composed of 95.3% red, 18.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 91.8% yellow and 4.7% black. It has a hue angle of 7.5 degrees, a saturation of 90.3% and a lightness of 51.6%. #f33014 color hex could be obtained by blending #ff6028 with #e70000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 95
- G 19
- B 8
RGB color chart
- C 0
- M 80
- Y 92
- K 5
CMYK color chart

● #f33014 color description : Vivid red.

The hexadecimal color #f33014 has RGB values of R:243, G:48, B:20 and CMYK values of C:0, M:0.8, Y:0.92, K:0.05. Its decimal value is 15937556.

Hex triplet	f33014	`#f33014`
RGB Decimal	243, 48, 20	`rgb(243,48,20)`
RGB Percent	95.3, 18.8, 7.8	`rgb(95.3%,18.8%,7.8%)`
CMYK	0, 80, 92, 5
HSL	7.5°, 90.3, 51.6	`hsl(7.5,90.3%,51.6%)`
HSV (or HSB)	7.5°, 91.8, 95.3
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.194, 70.569, 60.621
XYZ	38.147, 21.224, 2.75
xyY	0.614, 0.342, 21.224
CIE-LCH	53.194, 93.032, 40.663
CIE-LUV	53.194, 152.475, 38.271
Hunter-Lab	46.069, 67.184, 28.71
Binary	11110011, 00110000, 00010100

#f33014
```
#f33014 rgb(243,48,20)
```
#14d7f3
```
#14d7f3 rgb(20,215,243)
```

Complementary Color

#f31468
```
#f31468 rgb(243,20,104)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#f3a014
```
#f3a014 rgb(243,160,20)
```

Analogous Color

#1468f3
```
#1468f3 rgb(20,104,243)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#14f3a0
```
#14f3a0 rgb(20,243,160)
```

Split Complementary Color

#3014f3
```
#3014f3 rgb(48,20,243)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#14f330
```
#14f330 rgb(20,243,48)
```

Triadic Color

#f314d7
```
#f314d7 rgb(243,20,215)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#14f330
```
#14f330 rgb(20,243,48)
```
#14d7f3
```
#14d7f3 rgb(20,215,243)
```

Tetradic Color

#b11e09
```
#b11e09 rgb(177,30,9)
```
#ca220a
```
#ca220a rgb(202,34,10)
```
#e2260c
```
#e2260c rgb(226,38,12)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#f4452c
```
#f4452c rgb(244,69,44)
```
#f55b45
```
#f55b45 rgb(245,91,69)
```
#f7705d
```
#f7705d rgb(247,112,93)
```

Monochromatic Color

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

#f31430
```
#f31430 rgb(243,20,48)
```
#f3141d
```
#f3141d rgb(243,20,29)
```
#f31d14
```
#f31d14 rgb(243,29,20)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#f34314
```
#f34314 rgb(243,67,20)
```
#f35514
```
#f35514 rgb(243,85,20)
```
#f36814
```
#f36814 rgb(243,104,20)
```

Similar Colors

Text with hexadecimal color #f33014

This text has a font color of #f33014.

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

#f33014 background color

This paragraph has a background color of #f33014.

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

#f33014 border color

This element has a border color of #f33014.

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

CSS codes

.text {color:#f33014;}

.background {background-color:#f33014;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1a0401
```
#1a0401 rgb(26,4,1)
```
#2d0802
```
#2d0802 rgb(45,8,2)
```
#400b03
```
#400b03 rgb(64,11,3)
```
#520e04
```
#520e04 rgb(82,14,4)
```
#651105
```
#651105 rgb(101,17,5)
```
#781406
```
#781406 rgb(120,20,6)
```
#8a1807
```
#8a1807 rgb(138,24,7)
```
#9d1b08
```
#9d1b08 rgb(157,27,8)
```
#b01e09
```
#b01e09 rgb(176,30,9)
```
#c2210a
```
#c2210a rgb(194,33,10)
```
#d5240b
```
#d5240b rgb(213,36,11)
```
#e8270c
```
#e8270c rgb(232,39,12)
```

Shade Color Variation

#f33014
```
#f33014 rgb(243,48,20)
```
#f44027
```
#f44027 rgb(244,64,39)
```
#f55139
```
#f55139 rgb(245,81,57)
```
#f6614c
```
#f6614c rgb(246,97,76)
```
#f7725f
```
#f7725f rgb(247,114,95)
```
#f88271
```
#f88271 rgb(248,130,113)
```
#f99384
```
#f99384 rgb(249,147,132)
```
#faa397
```
#faa397 rgb(250,163,151)
```
#fbb4a9
```
#fbb4a9 rgb(251,180,169)
```
#fcc4bc
```
#fcc4bc rgb(252,196,188)
```
#fdd4cf
```
#fdd4cf rgb(253,212,207)
```
#fde5e1
```
#fde5e1 rgb(253,229,225)
```
#fef5f4
```
#fef5f4 rgb(254,245,244)
```

Tint Color Variation

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

#8b7e7d
```
#8b7e7d rgb(139,126,125)
```
#947773
```
#947773 rgb(148,119,115)
```
#9e706a
```
#9e706a rgb(158,112,106)
```
#a76960
```
#a76960 rgb(167,105,96)
```
#b16257
```
#b16257 rgb(177,98,87)
```
#ba5b4d
```
#ba5b4d rgb(186,91,77)
```
#c45444
```
#c45444 rgb(196,84,68)
```
#cd4c3a
```
#cd4c3a rgb(205,76,58)
```
#d74531
```
#d74531 rgb(215,69,49)
```
#e03e27
```
#e03e27 rgb(224,62,39)
```
#ea371e
```
#ea371e rgb(234,55,30)
```
#f33014
```
#f33014 rgb(243,48,20)
```
#fd290b
```
#fd290b rgb(253,41,11)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#835c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948530 Protanopia 1% of men
#a77f00 Deuteranopia 1% of men
#f43838 Tritanopia 0.001% of the population

Trichromacy

#b76626 Protanomaly 1% of men, 0.01% of women
#c26207 Deuteranomaly 6% of men, 0.4% of women
#f3352b Tritanomaly 0.01% of the population

#f33014 hex color

#f33014 Color Information

#f33014 Color Conversion

Color Schemes with #f33014

Alternatives to #f33014

#f33014 Preview

Shades and Tints of #f33014

Tones of #f33014

Color Blindness Simulator