#ec8221 hex color

In a RGB color space, hex #ec8221 is composed of 92.5% red, 51% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.9% magenta, 86% yellow and 7.5% black. It has a hue angle of 28.7 degrees, a saturation of 84.2% and a lightness of 52.7%. #ec8221 color hex could be obtained by blending #ffff42 with #d90500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 93
- G 51
- B 13
RGB color chart
- C 0
- M 45
- Y 86
- K 7
CMYK color chart

● #ec8221 color description : Vivid orange.

The hexadecimal color #ec8221 has RGB values of R:236, G:130, B:33 and CMYK values of C:0, M:0.45, Y:0.86, K:0.07. Its decimal value is 15499809.

Hex triplet	ec8221	`#ec8221`
RGB Decimal	236, 130, 33	`rgb(236,130,33)`
RGB Percent	92.5, 51, 12.9	`rgb(92.5%,51%,12.9%)`
CMYK	0, 45, 86, 7
HSL	28.7°, 84.2, 52.7	`hsl(28.7,84.2%,52.7%)`
HSV (or HSB)	28.7°, 86, 92.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	64.892, 34.718, 64.531
XYZ	42.851, 33.912, 5.728
xyY	0.519, 0.411, 33.912
CIE-LCH	64.892, 73.277, 61.72
CIE-LUV	64.892, 87.354, 57.64
Hunter-Lab	58.234, 29.438, 34.932
Binary	11101100, 10000010, 00100001

#ec8221
```
#ec8221 rgb(236,130,33)
```
#218bec
```
#218bec rgb(33,139,236)
```

Complementary Color

#ec2126
```
#ec2126 rgb(236,33,38)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#ece821
```
#ece821 rgb(236,232,33)
```

Analogous Color

#2126ec
```
#2126ec rgb(33,38,236)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#21ece8
```
#21ece8 rgb(33,236,232)
```

Split Complementary Color

#8221ec
```
#8221ec rgb(130,33,236)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#21ec82
```
#21ec82 rgb(33,236,130)
```

Triadic Color

#ec218b
```
#ec218b rgb(236,33,139)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#21ec82
```
#21ec82 rgb(33,236,130)
```
#218bec
```
#218bec rgb(33,139,236)
```

Tetradic Color

#b15d0f
```
#b15d0f rgb(177,93,15)
```
#c96911
```
#c96911 rgb(201,105,17)
```
#e07513
```
#e07513 rgb(224,117,19)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#ee8f38
```
#ee8f38 rgb(238,143,56)
```
#f09c50
```
#f09c50 rgb(240,156,80)
```
#f2aa67
```
#f2aa67 rgb(242,170,103)
```

Monochromatic Color

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

#ec4f21
```
#ec4f21 rgb(236,79,33)
```
#ec6021
```
#ec6021 rgb(236,96,33)
```
#ec7121
```
#ec7121 rgb(236,113,33)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#ec9321
```
#ec9321 rgb(236,147,33)
```
#eca421
```
#eca421 rgb(236,164,33)
```
#ecb521
```
#ecb521 rgb(236,181,33)
```

Similar Colors

Text with hexadecimal color #ec8221

This text has a font color of #ec8221.

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

#ec8221 background color

This paragraph has a background color of #ec8221.

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

#ec8221 border color

This element has a border color of #ec8221.

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

CSS codes

.text {color:#ec8221;}

.background {background-color:#ec8221;}

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

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, #0d0701 is the darkest color, while #fffcfa is the lightest one.

#0d0701
```
#0d0701 rgb(13,7,1)
```
#1f1003
```
#1f1003 rgb(31,16,3)
```
#311a04
```
#311a04 rgb(49,26,4)
```
#432306
```
#432306 rgb(67,35,6)
```
#552d07
```
#552d07 rgb(85,45,7)
```
#673609
```
#673609 rgb(103,54,9)
```
#793f0a
```
#793f0a rgb(121,63,10)
```
#8b490c
```
#8b490c rgb(139,73,12)
```
#9d520d
```
#9d520d rgb(157,82,13)
```
#b05c0f
```
#b05c0f rgb(176,92,15)
```
#c26511
```
#c26511 rgb(194,101,17)
```
#d46f12
```
#d46f12 rgb(212,111,18)
```
#e67814
```
#e67814 rgb(230,120,20)
```

Shade Color Variation

#ec8221
```
#ec8221 rgb(236,130,33)
```
#ee8c33
```
#ee8c33 rgb(238,140,51)
```
#ef9645
```
#ef9645 rgb(239,150,69)
```
#f1a157
```
#f1a157 rgb(241,161,87)
```
#f2ab69
```
#f2ab69 rgb(242,171,105)
```
#f4b57b
```
#f4b57b rgb(244,181,123)
```
#f5bf8d
```
#f5bf8d rgb(245,191,141)
```
#f7c99f
```
#f7c99f rgb(247,201,159)
```
#f8d3b2
```
#f8d3b2 rgb(248,211,178)
```
#fadec4
```
#fadec4 rgb(250,222,196)
```
#fbe8d6
```
#fbe8d6 rgb(251,232,214)
```
#fdf2e8
```
#fdf2e8 rgb(253,242,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#8f867e
```
#8f867e rgb(143,134,126)
```
#998674
```
#998674 rgb(153,134,116)
```
#a2856b
```
#a2856b rgb(162,133,107)
```
#ab8562
```
#ab8562 rgb(171,133,98)
```
#b48459
```
#b48459 rgb(180,132,89)
```
#be844f
```
#be844f rgb(190,132,79)
```
#c78446
```
#c78446 rgb(199,132,70)
```
#d0833d
```
#d0833d rgb(208,131,61)
```
#d98334
```
#d98334 rgb(217,131,52)
```
#e3822a
```
#e3822a rgb(227,130,42)
```
#ec8221
```
#ec8221 rgb(236,130,33)
```
#f58218
```
#f58218 rgb(245,130,24)
```
#ff810e
```
#ff810e rgb(255,129,14)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a8937f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a233 Protanopia 1% of men
#ca9a21 Deuteranopia 1% of men
#f18088 Tritanopia 0.001% of the population

Trichromacy

#c9962c Protanomaly 1% of men, 0.01% of women
#d69121 Deuteranomaly 6% of men, 0.4% of women
#ef8062 Tritanomaly 0.01% of the population

#ec8221 hex color

#ec8221 Color Information

#ec8221 Color Conversion

Color Schemes with #ec8221

Alternatives to #ec8221

#ec8221 Preview

Shades and Tints of #ec8221

Tones of #ec8221

Color Blindness Simulator