#ed822c hex color

In a RGB color space, hex #ed822c is composed of 92.9% red, 51% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 81.4% yellow and 7.1% black. It has a hue angle of 26.7 degrees, a saturation of 84.3% and a lightness of 55.1%. #ed822c color hex could be obtained by blending #ffff58 with #db0500. Closest websafe color is: #ff9933.

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

● #ed822c color description : Bright orange.

The hexadecimal color #ed822c has RGB values of R:237, G:130, B:44 and CMYK values of C:0, M:0.45, Y:0.81, K:0.07. Its decimal value is 15565356.

Hex triplet	ed822c	`#ed822c`
RGB Decimal	237, 130, 44	`rgb(237,130,44)`
RGB Percent	92.9, 51, 17.3	`rgb(92.9%,51%,17.3%)`
CMYK	0, 45, 81, 7
HSL	26.7°, 84.3, 55.1	`hsl(26.7,84.3%,55.1%)`
HSV (or HSB)	26.7°, 81.4, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.086, 35.409, 60.876
XYZ	43.364, 34.155, 6.692
xyY	0.515, 0.406, 34.155
CIE-LCH	65.086, 70.425, 59.816
CIE-LUV	65.086, 87.503, 55.467
Hunter-Lab	58.443, 30.17, 34.121
Binary	11101101, 10000010, 00101100

#ed822c
```
#ed822c rgb(237,130,44)
```
#2c97ed
```
#2c97ed rgb(44,151,237)
```

Complementary Color

#ed2c37
```
#ed2c37 rgb(237,44,55)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#ede32c
```
#ede32c rgb(237,227,44)
```

Analogous Color

#2c37ed
```
#2c37ed rgb(44,55,237)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#2cede3
```
#2cede3 rgb(44,237,227)
```

Split Complementary Color

#822ced
```
#822ced rgb(130,44,237)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#2ced82
```
#2ced82 rgb(44,237,130)
```

Triadic Color

#ed2c97
```
#ed2c97 rgb(237,44,151)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#2ced82
```
#2ced82 rgb(44,237,130)
```
#2c97ed
```
#2c97ed rgb(44,151,237)
```

Tetradic Color

#bc5d10
```
#bc5d10 rgb(188,93,16)
```
#d46812
```
#d46812 rgb(212,104,18)
```
#eb7415
```
#eb7415 rgb(235,116,21)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#ef9043
```
#ef9043 rgb(239,144,67)
```
#f19e5b
```
#f19e5b rgb(241,158,91)
```
#f3ac72
```
#f3ac72 rgb(243,172,114)
```

Monochromatic Color

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

#ed522c
```
#ed522c rgb(237,82,44)
```
#ed622c
```
#ed622c rgb(237,98,44)
```
#ed722c
```
#ed722c rgb(237,114,44)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#ed922c
```
#ed922c rgb(237,146,44)
```
#eda22c
```
#eda22c rgb(237,162,44)
```
#edb22c
```
#edb22c rgb(237,178,44)
```

Similar Colors

Text with hexadecimal color #ed822c

This text has a font color of #ed822c.

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

#ed822c background color

This paragraph has a background color of #ed822c.

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

#ed822c border color

This element has a border color of #ed822c.

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

CSS codes

.text {color:#ed822c;}

.background {background-color:#ed822c;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#180c02
```
#180c02 rgb(24,12,2)
```
#2a1504
```
#2a1504 rgb(42,21,4)
```
#3c1e05
```
#3c1e05 rgb(60,30,5)
```
#4e2707
```
#4e2707 rgb(78,39,7)
```
#602f08
```
#602f08 rgb(96,47,8)
```
#72380a
```
#72380a rgb(114,56,10)
```
#84410b
```
#84410b rgb(132,65,11)
```
#964a0d
```
#964a0d rgb(150,74,13)
```
#a9530e
```
#a9530e rgb(169,83,14)
```
#bb5c10
```
#bb5c10 rgb(187,92,16)
```
#cd6511
```
#cd6511 rgb(205,101,17)
```
#df6e13
```
#df6e13 rgb(223,110,19)
```

Shade Color Variation

#eb771a
```
#eb771a rgb(235,119,26)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#ef8d3e
```
#ef8d3e rgb(239,141,62)
```
#f09750
```
#f09750 rgb(240,151,80)
```
#f2a262
```
#f2a262 rgb(242,162,98)
```
#f3ad74
```
#f3ad74 rgb(243,173,116)
```
#f5b886
```
#f5b886 rgb(245,184,134)
```
#f6c298
```
#f6c298 rgb(246,194,152)
```
#f8cdab
```
#f8cdab rgb(248,205,171)
```
#f9d8bd
```
#f9d8bd rgb(249,216,189)
```
#fbe2cf
```
#fbe2cf rgb(251,226,207)
```
#fcede1
```
#fcede1 rgb(252,237,225)
```
#fef8f3
```
#fef8f3 rgb(254,248,243)
```

Tint Color Variation

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

#958c84
```
#958c84 rgb(149,140,132)
```
#9e8b7b
```
#9e8b7b rgb(158,139,123)
```
#a78a72
```
#a78a72 rgb(167,138,114)
```
#af896a
```
#af896a rgb(175,137,106)
```
#b88861
```
#b88861 rgb(184,136,97)
```
#c18758
```
#c18758 rgb(193,135,88)
```
#ca864f
```
#ca864f rgb(202,134,79)
```
#d38546
```
#d38546 rgb(211,133,70)
```
#db843e
```
#db843e rgb(219,132,62)
```
#e48335
```
#e48335 rgb(228,131,53)
```
#ed822c
```
#ed822c rgb(237,130,44)
```
#f68123
```
#f68123 rgb(246,129,35)
```
#ff801a
```
#ff801a rgb(255,128,26)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a99482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a33d Protanopia 1% of men
#ca9b2e Deuteranopia 1% of men
#f18088 Tritanopia 0.001% of the population

Trichromacy

#c99737 Protanomaly 1% of men, 0.01% of women
#d7922d Deuteranomaly 6% of men, 0.4% of women
#f08066 Tritanomaly 0.01% of the population

#ed822c hex color

#ed822c Color Information

#ed822c Color Conversion

Color Schemes with #ed822c

Alternatives to #ed822c

#ed822c Preview

Shades and Tints of #ed822c

Tones of #ed822c

Color Blindness Simulator