colorhexa.com

#ed7f2a hex color

In a RGB color space, hex #ed7f2a is composed of 92.9% red, 49.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.4% magenta, 82.3% yellow and 7.1% black. It has a hue angle of 26.2 degrees, a saturation of 84.4% and a lightness of 54.7%. #ed7f2a color hex could be obtained by blending #fffe54 with #db0000. Closest websafe color is: #ff6633.

- R 93
- G 50
- B 16
RGB color chart
- C 0
- M 46
- Y 82
- K 7
CMYK color chart

● #ed7f2a color description : Bright orange.

The hexadecimal color #ed7f2a has RGB values of R:237, G:127, B:42 and CMYK values of C:0, M:0.46, Y:0.82, K:0.07. Its decimal value is 15564586.

Hex triplet	ed7f2a	`#ed7f2a`
RGB Decimal	237, 127, 42	`rgb(237,127,42)`
RGB Percent	92.9, 49.8, 16.5	`rgb(92.9%,49.8%,16.5%)`
CMYK	0, 46, 82, 7
HSL	26.2°, 84.4, 54.7	`hsl(26.2,84.4%,54.7%)`
HSV (or HSB)	26.2°, 82.3, 92.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	64.447, 36.887, 61.071
XYZ	42.934, 33.354, 6.367
xyY	0.519, 0.404, 33.354
CIE-LCH	64.447, 71.346, 58.868
CIE-LUV	64.447, 90.105, 54.855
Hunter-Lab	57.753, 31.629, 33.89
Binary	11101101, 01111111, 00101010

#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#2a98ed
```
#2a98ed rgb(42,152,237)
```

Complementary Color

#ed2a36
```
#ed2a36 rgb(237,42,54)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#ede12a
```
#ede12a rgb(237,225,42)
```

Analogous Color

#2a36ed
```
#2a36ed rgb(42,54,237)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#2aede1
```
#2aede1 rgb(42,237,225)
```

Split Complementary Color

#7f2aed
```
#7f2aed rgb(127,42,237)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#2aed7f
```
#2aed7f rgb(42,237,127)
```

Triadic Color

#ed2a98
```
#ed2a98 rgb(237,42,152)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#2aed7f
```
#2aed7f rgb(42,237,127)
```
#2a98ed
```
#2a98ed rgb(42,152,237)
```

Tetradic Color

#bb5a10
```
#bb5a10 rgb(187,90,16)
```
#d26612
```
#d26612 rgb(210,102,18)
```
#ea7114
```
#ea7114 rgb(234,113,20)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#ef8d42
```
#ef8d42 rgb(239,141,66)
```
#f19b59
```
#f19b59 rgb(241,155,89)
```
#f3a971
```
#f3a971 rgb(243,169,113)
```

Monochromatic Color

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

#ed4e2a
```
#ed4e2a rgb(237,78,42)
```
#ed5f2a
```
#ed5f2a rgb(237,95,42)
```
#ed6f2a
```
#ed6f2a rgb(237,111,42)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#ed8f2a
```
#ed8f2a rgb(237,143,42)
```
#eda02a
```
#eda02a rgb(237,160,42)
```
#edb02a
```
#edb02a rgb(237,176,42)
```

Similar Colors

Text with hexadecimal color #ed7f2a

This text has a font color of #ed7f2a.

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

#ed7f2a background color

This paragraph has a background color of #ed7f2a.

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

#ed7f2a border color

This element has a border color of #ed7f2a.

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

CSS codes

.text {color:#ed7f2a;}

.background {background-color:#ed7f2a;}

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

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 #fef7f1 is the lightest one.

#040200
```
#040200 rgb(4,2,0)
```
#160b02
```
#160b02 rgb(22,11,2)
```
#281303
```
#281303 rgb(40,19,3)
```
#3a1c05
```
#3a1c05 rgb(58,28,5)
```
#4c2506
```
#4c2506 rgb(76,37,6)
```
#5e2e08
```
#5e2e08 rgb(94,46,8)
```
#71360a
```
#71360a rgb(113,54,10)
```
#833f0b
```
#833f0b rgb(131,63,11)
```
#95480d
```
#95480d rgb(149,72,13)
```
#a7510e
```
#a7510e rgb(167,81,14)
```
#b95910
```
#b95910 rgb(185,89,16)
```
#cb6211
```
#cb6211 rgb(203,98,17)
```
#dd6b13
```
#dd6b13 rgb(221,107,19)
```

Shade Color Variation

#eb7418
```
#eb7418 rgb(235,116,24)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#ef8a3c
```
#ef8a3c rgb(239,138,60)
```
#f0954e
```
#f0954e rgb(240,149,78)
```
#f2a060
```
#f2a060 rgb(242,160,96)
```
#f3aa72
```
#f3aa72 rgb(243,170,114)
```
#f5b584
```
#f5b584 rgb(245,181,132)
```
#f6c097
```
#f6c097 rgb(246,192,151)
```
#f8cba9
```
#f8cba9 rgb(248,203,169)
```
#f9d6bb
```
#f9d6bb rgb(249,214,187)
```
#fbe1cd
```
#fbe1cd rgb(251,225,205)
```
#fcecdf
```
#fcecdf rgb(252,236,223)
```
#fef7f1
```
#fef7f1 rgb(254,247,241)
```

Tint Color Variation

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

#948a83
```
#948a83 rgb(148,138,131)
```
#9d897a
```
#9d897a rgb(157,137,122)
```
#a68871
```
#a68871 rgb(166,136,113)
```
#af8768
```
#af8768 rgb(175,135,104)
```
#b8865f
```
#b8865f rgb(184,134,95)
```
#c18556
```
#c18556 rgb(193,133,86)
```
#c9844e
```
#c9844e rgb(201,132,78)
```
#d28245
```
#d28245 rgb(210,130,69)
```
#db813c
```
#db813c rgb(219,129,60)
```
#e48033
```
#e48033 rgb(228,128,51)
```
#ed7f2a
```
#ed7f2a rgb(237,127,42)
```
#f67e21
```
#f67e21 rgb(246,126,33)
```
#ff7d18
```
#ff7d18 rgb(255,125,24)
```

Tone Color Variation

Below, you can see how #ed7f2a 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
#a79180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a13c Protanopia 1% of men
#c9992b Deuteranopia 1% of men
#f17d85 Tritanopia 0.001% of the population

Trichromacy

#c89535 Protanomaly 1% of men, 0.01% of women
#d6902b Deuteranomaly 6% of men, 0.4% of women
#f07e64 Tritanomaly 0.01% of the population