#ed972a hex color

In a RGB color space, hex #ed972a is composed of 92.9% red, 59.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.3% magenta, 82.3% yellow and 7.1% black. It has a hue angle of 33.5 degrees, a saturation of 84.4% and a lightness of 54.7%. #ed972a color hex could be obtained by blending #ffff54 with #db2f00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 93
- G 59
- B 16
RGB color chart
- C 0
- M 36
- Y 82
- K 7
CMYK color chart

● #ed972a color description : Bright orange.

The hexadecimal color #ed972a has RGB values of R:237, G:151, B:42 and CMYK values of C:0, M:0.36, Y:0.82, K:0.07. Its decimal value is 15570730.

Hex triplet	ed972a	`#ed972a`
RGB Decimal	237, 151, 42	`rgb(237,151,42)`
RGB Percent	92.9, 59.2, 16.5	`rgb(92.9%,59.2%,16.5%)`
CMYK	0, 36, 82, 7
HSL	33.5°, 84.4, 54.7	`hsl(33.5,84.4%,54.7%)`
HSV (or HSB)	33.5°, 82.3, 92.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	69.689, 24.381, 65.658
XYZ	46.411, 40.308, 7.526
xyY	0.492, 0.428, 40.308
CIE-LCH	69.689, 70.039, 69.628
CIE-LUV	69.689, 70.44, 63.61
Hunter-Lab	63.489, 19.38, 37.413
Binary	11101101, 10010111, 00101010

#ed972a
```
#ed972a rgb(237,151,42)
```
#2a80ed
```
#2a80ed rgb(42,128,237)
```

Complementary Color

#ed362a
```
#ed362a rgb(237,54,42)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#e2ed2a
```
#e2ed2a rgb(226,237,42)
```

Analogous Color

#362aed
```
#362aed rgb(54,42,237)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#2ae2ed
```
#2ae2ed rgb(42,226,237)
```

Split Complementary Color

#972aed
```
#972aed rgb(151,42,237)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#2aed97
```
#2aed97 rgb(42,237,151)
```

Triadic Color

#ed2a80
```
#ed2a80 rgb(237,42,128)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#2aed97
```
#2aed97 rgb(42,237,151)
```
#2a80ed
```
#2a80ed rgb(42,128,237)
```

Tetradic Color

#bb6f10
```
#bb6f10 rgb(187,111,16)
```
#d27d12
```
#d27d12 rgb(210,125,18)
```
#ea8b14
```
#ea8b14 rgb(234,139,20)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#efa242
```
#efa242 rgb(239,162,66)
```
#f1ae59
```
#f1ae59 rgb(241,174,89)
```
#f3b971
```
#f3b971 rgb(243,185,113)
```

Monochromatic Color

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

#ed662a
```
#ed662a rgb(237,102,42)
```
#ed772a
```
#ed772a rgb(237,119,42)
```
#ed872a
```
#ed872a rgb(237,135,42)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#eda72a
```
#eda72a rgb(237,167,42)
```
#edb82a
```
#edb82a rgb(237,184,42)
```
#edc82a
```
#edc82a rgb(237,200,42)
```

Similar Colors

Text with hexadecimal color #ed972a

This text has a font color of #ed972a.

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

#ed972a background color

This paragraph has a background color of #ed972a.

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

#ed972a border color

This element has a border color of #ed972a.

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

CSS codes

.text {color:#ed972a;}

.background {background-color:#ed972a;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160d02
```
#160d02 rgb(22,13,2)
```
#281803
```
#281803 rgb(40,24,3)
```
#3a2305
```
#3a2305 rgb(58,35,5)
```
#4c2e06
```
#4c2e06 rgb(76,46,6)
```
#5e3808
```
#5e3808 rgb(94,56,8)
```
#71430a
```
#71430a rgb(113,67,10)
```
#834e0b
```
#834e0b rgb(131,78,11)
```
#95590d
```
#95590d rgb(149,89,13)
```
#a7630e
```
#a7630e rgb(167,99,14)
```
#b96e10
```
#b96e10 rgb(185,110,16)
```
#cb7911
```
#cb7911 rgb(203,121,17)
```
#dd8413
```
#dd8413 rgb(221,132,19)
```

Shade Color Variation

#eb8e18
```
#eb8e18 rgb(235,142,24)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#efa03c
```
#efa03c rgb(239,160,60)
```
#f0a94e
```
#f0a94e rgb(240,169,78)
```
#f2b160
```
#f2b160 rgb(242,177,96)
```
#f3ba72
```
#f3ba72 rgb(243,186,114)
```
#f5c384
```
#f5c384 rgb(245,195,132)
```
#f6cc97
```
#f6cc97 rgb(246,204,151)
```
#f8d5a9
```
#f8d5a9 rgb(248,213,169)
```
#f9debb
```
#f9debb rgb(249,222,187)
```
#fbe6cd
```
#fbe6cd rgb(251,230,205)
```
#fcefdf
```
#fcefdf rgb(252,239,223)
```
#fef8f1
```
#fef8f1 rgb(254,248,241)
```

Tint Color Variation

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

#948d83
```
#948d83 rgb(148,141,131)
```
#9d8e7a
```
#9d8e7a rgb(157,142,122)
```
#a68f71
```
#a68f71 rgb(166,143,113)
```
#af9068
```
#af9068 rgb(175,144,104)
```
#b8915f
```
#b8915f rgb(184,145,95)
```
#c19256
```
#c19256 rgb(193,146,86)
```
#c9934e
```
#c9934e rgb(201,147,78)
```
#d29445
```
#d29445 rgb(210,148,69)
```
#db953c
```
#db953c rgb(219,149,60)
```
#e49633
```
#e49633 rgb(228,150,51)
```
#ed972a
```
#ed972a rgb(237,151,42)
```
#f69821
```
#f69821 rgb(246,152,33)
```
#ff9918
```
#ff9918 rgb(255,153,24)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b3a18c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae39 Protanopia 1% of men
#d9a62f Deuteranopia 1% of men
#f3929c Tritanopia 0.001% of the population

Trichromacy

#d2a634 Protanomaly 1% of men, 0.01% of women
#e0a02d Deuteranomaly 6% of men, 0.4% of women
#f19472 Tritanomaly 0.01% of the population

#ed972a hex color

#ed972a Color Information

#ed972a Color Conversion

Color Schemes with #ed972a

Alternatives to #ed972a

#ed972a Preview

Shades and Tints of #ed972a

Tones of #ed972a

Color Blindness Simulator