#ed821a hex color

In a RGB color space, hex #ed821a is composed of 92.9% red, 51% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 89% yellow and 7.1% black. It has a hue angle of 29.6 degrees, a saturation of 85.4% and a lightness of 51.6%. #ed821a color hex could be obtained by blending #ffff34 with #db0500. Closest websafe color is: #ff9933.

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

● #ed821a color description : Vivid orange.

The hexadecimal color #ed821a has RGB values of R:237, G:130, B:26 and CMYK values of C:0, M:0.45, Y:0.89, K:0.07. Its decimal value is 15565338.

Hex triplet	ed821a	`#ed821a`
RGB Decimal	237, 130, 26	`rgb(237,130,26)`
RGB Percent	92.9, 51, 10.2	`rgb(92.9%,51%,10.2%)`
CMYK	0, 45, 89, 7
HSL	29.6°, 85.4, 51.6	`hsl(29.6,85.4%,51.6%)`
HSV (or HSB)	29.6°, 89, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.001, 34.98, 66.725
XYZ	43.096, 34.048, 5.28
xyY	0.523, 0.413, 34.048
CIE-LCH	65.001, 75.338, 62.335
CIE-LUV	65.001, 88.53, 58.804
Hunter-Lab	58.351, 29.719, 35.481
Binary	11101101, 10000010, 00011010

#ed821a
```
#ed821a rgb(237,130,26)
```
#1a85ed
```
#1a85ed rgb(26,133,237)
```

Complementary Color

#ed1a1c
```
#ed1a1c rgb(237,26,28)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#edec1a
```
#edec1a rgb(237,236,26)
```

Analogous Color

#1a1ced
```
#1a1ced rgb(26,28,237)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#1aedec
```
#1aedec rgb(26,237,236)
```

Split Complementary Color

#821aed
```
#821aed rgb(130,26,237)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#1aed82
```
#1aed82 rgb(26,237,130)
```

Triadic Color

#ed1a85
```
#ed1a85 rgb(237,26,133)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#1aed82
```
#1aed82 rgb(26,237,130)
```
#1a85ed
```
#1a85ed rgb(26,133,237)
```

Tetradic Color

#ad5c0e
```
#ad5c0e rgb(173,92,14)
```
#c5690f
```
#c5690f rgb(197,105,15)
```
#dc7511
```
#dc7511 rgb(220,117,17)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#ef8f32
```
#ef8f32 rgb(239,143,50)
```
#f19c49
```
#f19c49 rgb(241,156,73)
```
#f3a961
```
#f3a961 rgb(243,169,97)
```

Monochromatic Color

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

#ed4d1a
```
#ed4d1a rgb(237,77,26)
```
#ed5f1a
```
#ed5f1a rgb(237,95,26)
```
#ed701a
```
#ed701a rgb(237,112,26)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#ed941a
```
#ed941a rgb(237,148,26)
```
#eda51a
```
#eda51a rgb(237,165,26)
```
#edb71a
```
#edb71a rgb(237,183,26)
```

Similar Colors

Text with hexadecimal color #ed821a

This text has a font color of #ed821a.

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

#ed821a background color

This paragraph has a background color of #ed821a.

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

#ed821a border color

This element has a border color of #ed821a.

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

CSS codes

.text {color:#ed821a;}

.background {background-color:#ed821a;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#1a0e02
```
#1a0e02 rgb(26,14,2)
```
#2c1703
```
#2c1703 rgb(44,23,3)
```
#3e2105
```
#3e2105 rgb(62,33,5)
```
#502b06
```
#502b06 rgb(80,43,6)
```
#623408
```
#623408 rgb(98,52,8)
```
#753e09
```
#753e09 rgb(117,62,9)
```
#87480b
```
#87480b rgb(135,72,11)
```
#99510c
```
#99510c rgb(153,81,12)
```
#ab5b0d
```
#ab5b0d rgb(171,91,13)
```
#bd650f
```
#bd650f rgb(189,101,15)
```
#cf6f10
```
#cf6f10 rgb(207,111,16)
```
#e27812
```
#e27812 rgb(226,120,18)
```

Shade Color Variation

#ed821a
```
#ed821a rgb(237,130,26)
```
#ee8c2c
```
#ee8c2c rgb(238,140,44)
```
#f0963e
```
#f0963e rgb(240,150,62)
```
#f1a051
```
#f1a051 rgb(241,160,81)
```
#f3aa63
```
#f3aa63 rgb(243,170,99)
```
#f4b475
```
#f4b475 rgb(244,180,117)
```
#f6be87
```
#f6be87 rgb(246,190,135)
```
#f7c799
```
#f7c799 rgb(247,199,153)
```
#f8d1ab
```
#f8d1ab rgb(248,209,171)
```
#fadbbe
```
#fadbbe rgb(250,219,190)
```
#fbe5d0
```
#fbe5d0 rgb(251,229,208)
```
#fdefe2
```
#fdefe2 rgb(253,239,226)
```
#fef9f4
```
#fef9f4 rgb(254,249,244)
```

Tint Color Variation

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

#858383
```
#858383 rgb(133,131,131)
```
#8e8379
```
#8e8379 rgb(142,131,121)
```
#988370
```
#988370 rgb(152,131,112)
```
#a18366
```
#a18366 rgb(161,131,102)
```
#ab835d
```
#ab835d rgb(171,131,93)
```
#b48353
```
#b48353 rgb(180,131,83)
```
#be834a
```
#be834a rgb(190,131,74)
```
#c78340
```
#c78340 rgb(199,131,64)
```
#d18237
```
#d18237 rgb(209,130,55)
```
#da822d
```
#da822d rgb(218,130,45)
```
#e48224
```
#e48224 rgb(228,130,36)
```
#ed821a
```
#ed821a rgb(237,130,26)
```
#f78211
```
#f78211 rgb(247,130,17)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a7927d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a32c Protanopia 1% of men
#cb9a16 Deuteranopia 1% of men
#f27f88 Tritanopia 0.001% of the population

Trichromacy

#ca9726 Protanomaly 1% of men, 0.01% of women
#d79117 Deuteranomaly 6% of men, 0.4% of women
#f08060 Tritanomaly 0.01% of the population

#ed821a hex color

#ed821a Color Information

#ed821a Color Conversion

Color Schemes with #ed821a

Alternatives to #ed821a

#ed821a Preview

Shades and Tints of #ed821a

Tones of #ed821a

Color Blindness Simulator