#ed942d hex color

In a RGB color space, hex #ed942d is composed of 92.9% red, 58% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 81% yellow and 7.1% black. It has a hue angle of 32.2 degrees, a saturation of 84.2% and a lightness of 55.3%. #ed942d color hex could be obtained by blending #ffff5a with #db2900. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 93
- G 58
- B 18
RGB color chart
- C 0
- M 38
- Y 81
- K 7
CMYK color chart

● #ed942d color description : Bright orange.

The hexadecimal color #ed942d has RGB values of R:237, G:148, B:45 and CMYK values of C:0, M:0.38, Y:0.81, K:0.07. Its decimal value is 15569965.

Hex triplet	ed942d	`#ed942d`
RGB Decimal	237, 148, 45	`rgb(237,148,45)`
RGB Percent	92.9, 58, 17.6	`rgb(92.9%,58%,17.6%)`
CMYK	0, 38, 81, 7
HSL	32.2°, 84.2, 55.3	`hsl(32.2,84.2%,55.3%)`
HSV (or HSB)	32.2°, 81, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	69.024, 26.053, 64.026
XYZ	45.99, 39.377, 7.661
xyY	0.494, 0.423, 39.377
CIE-LCH	69.024, 69.124, 67.857
CIE-LUV	69.024, 72.72, 61.848
Hunter-Lab	62.751, 21.006, 36.687
Binary	11101101, 10010100, 00101101

#ed942d
```
#ed942d rgb(237,148,45)
```
#2d86ed
```
#2d86ed rgb(45,134,237)
```

Complementary Color

#ed342d
```
#ed342d rgb(237,52,45)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#e6ed2d
```
#e6ed2d rgb(230,237,45)
```

Analogous Color

#342ded
```
#342ded rgb(52,45,237)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#2de6ed
```
#2de6ed rgb(45,230,237)
```

Split Complementary Color

#942ded
```
#942ded rgb(148,45,237)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#2ded94
```
#2ded94 rgb(45,237,148)
```

Triadic Color

#ed2d86
```
#ed2d86 rgb(237,45,134)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#2ded94
```
#2ded94 rgb(45,237,148)
```
#2d86ed
```
#2d86ed rgb(45,134,237)
```

Tetradic Color

#bd6d10
```
#bd6d10 rgb(189,109,16)
```
#d57b12
```
#d57b12 rgb(213,123,18)
```
#eb8816
```
#eb8816 rgb(235,136,22)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#efa044
```
#efa044 rgb(239,160,68)
```
#f1ac5c
```
#f1ac5c rgb(241,172,92)
```
#f3b873
```
#f3b873 rgb(243,184,115)
```

Monochromatic Color

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

#ed642d
```
#ed642d rgb(237,100,45)
```
#ed742d
```
#ed742d rgb(237,116,45)
```
#ed842d
```
#ed842d rgb(237,132,45)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#eda42d
```
#eda42d rgb(237,164,45)
```
#edb42d
```
#edb42d rgb(237,180,45)
```
#edc42d
```
#edc42d rgb(237,196,45)
```

Similar Colors

Text with hexadecimal color #ed942d

This text has a font color of #ed942d.

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

#ed942d background color

This paragraph has a background color of #ed942d.

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

#ed942d border color

This element has a border color of #ed942d.

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

CSS codes

.text {color:#ed942d;}

.background {background-color:#ed942d;}

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

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)
```
#190e02
```
#190e02 rgb(25,14,2)
```
#2b1904
```
#2b1904 rgb(43,25,4)
```
#3d2305
```
#3d2305 rgb(61,35,5)
```
#4f2e07
```
#4f2e07 rgb(79,46,7)
```
#613808
```
#613808 rgb(97,56,8)
```
#73420a
```
#73420a rgb(115,66,10)
```
#854d0b
```
#854d0b rgb(133,77,11)
```
#97570d
```
#97570d rgb(151,87,13)
```
#a9620f
```
#a9620f rgb(169,98,15)
```
#bb6c10
```
#bb6c10 rgb(187,108,16)
```
#ce7612
```
#ce7612 rgb(206,118,18)
```
#e08113
```
#e08113 rgb(224,129,19)
```

Shade Color Variation

#eb8b1b
```
#eb8b1b rgb(235,139,27)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#ef9d3f
```
#ef9d3f rgb(239,157,63)
```
#f0a651
```
#f0a651 rgb(240,166,81)
```
#f2b063
```
#f2b063 rgb(242,176,99)
```
#f3b975
```
#f3b975 rgb(243,185,117)
```
#f5c287
```
#f5c287 rgb(245,194,135)
```
#f6cb99
```
#f6cb99 rgb(246,203,153)
```
#f8d4ab
```
#f8d4ab rgb(248,212,171)
```
#f9debe
```
#f9debe rgb(249,222,190)
```
#fbe7d0
```
#fbe7d0 rgb(251,231,208)
```
#fcf0e2
```
#fcf0e2 rgb(252,240,226)
```
#fef9f4
```
#fef9f4 rgb(254,249,244)
```

Tint Color Variation

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

#958e85
```
#958e85 rgb(149,142,133)
```
#9e8e7c
```
#9e8e7c rgb(158,142,124)
```
#a78f73
```
#a78f73 rgb(167,143,115)
```
#b0906a
```
#b0906a rgb(176,144,106)
```
#b89062
```
#b89062 rgb(184,144,98)
```
#c19159
```
#c19159 rgb(193,145,89)
```
#ca9150
```
#ca9150 rgb(202,145,80)
```
#d39247
```
#d39247 rgb(211,146,71)
```
#db933f
```
#db933f rgb(219,147,63)
```
#e49336
```
#e49336 rgb(228,147,54)
```
#ed942d
```
#ed942d rgb(237,148,45)
```
#f69524
```
#f69524 rgb(246,149,36)
```
#ff951b
```
#ff951b rgb(255,149,27)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b2a08b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad3d Protanopia 1% of men
#d7a432 Deuteranopia 1% of men
#f39099 Tritanopia 0.001% of the population

Trichromacy

#d0a437 Protanomaly 1% of men, 0.01% of women
#df9e30 Deuteranomaly 6% of men, 0.4% of women
#f19172 Tritanomaly 0.01% of the population

#ed942d hex color

#ed942d Color Information

#ed942d Color Conversion

Color Schemes with #ed942d

Alternatives to #ed942d

#ed942d Preview

Shades and Tints of #ed942d

Tones of #ed942d

Color Blindness Simulator