#ea5f30 hex color

In a RGB color space, hex #ea5f30 is composed of 91.8% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 79.5% yellow and 8.2% black. It has a hue angle of 15.2 degrees, a saturation of 81.6% and a lightness of 55.3%. #ea5f30 color hex could be obtained by blending #ffbe60 with #d50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 92
- G 37
- B 19
RGB color chart
- C 0
- M 59
- Y 79
- K 8
CMYK color chart

● #ea5f30 color description : Bright orange.

The hexadecimal color #ea5f30 has RGB values of R:234, G:95, B:48 and CMYK values of C:0, M:0.59, Y:0.79, K:0.08. Its decimal value is 15359792.

Hex triplet	ea5f30	`#ea5f30`
RGB Decimal	234, 95, 48	`rgb(234,95,48)`
RGB Percent	91.8, 37.3, 18.8	`rgb(91.8%,37.3%,18.8%)`
CMYK	0, 59, 79, 8
HSL	15.2°, 81.6, 55.3	`hsl(15.2,81.6%,55.3%)`
HSV (or HSB)	15.2°, 79.5, 91.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.937, 51.448, 52.381
XYZ	38.559, 25.894, 5.764
xyY	0.549, 0.369, 25.894
CIE-LCH	57.937, 73.421, 45.515
CIE-LUV	57.937, 112.473, 42.355
Hunter-Lab	50.886, 46.206, 28.905
Binary	11101010, 01011111, 00110000

#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#30bbea
```
#30bbea rgb(48,187,234)
```

Complementary Color

#ea305e
```
#ea305e rgb(234,48,94)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#eabc30
```
#eabc30 rgb(234,188,48)
```

Analogous Color

#305eea
```
#305eea rgb(48,94,234)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#30eabc
```
#30eabc rgb(48,234,188)
```

Split Complementary Color

#5f30ea
```
#5f30ea rgb(95,48,234)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#30ea5f
```
#30ea5f rgb(48,234,95)
```

Triadic Color

#ea30bb
```
#ea30bb rgb(234,48,187)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#30ea5f
```
#30ea5f rgb(48,234,95)
```
#30bbea
```
#30bbea rgb(48,187,234)
```

Tetradic Color

#bb3d13
```
#bb3d13 rgb(187,61,19)
```
#d24515
```
#d24515 rgb(210,69,21)
```
#e84d19
```
#e84d19 rgb(232,77,25)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#ec7147
```
#ec7147 rgb(236,113,71)
```
#ef835e
```
#ef835e rgb(239,131,94)
```
#f19575
```
#f19575 rgb(241,149,117)
```

Monochromatic Color

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

#ea3130
```
#ea3130 rgb(234,49,48)
```
#ea4030
```
#ea4030 rgb(234,64,48)
```
#ea5030
```
#ea5030 rgb(234,80,48)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#ea6f30
```
#ea6f30 rgb(234,111,48)
```
#ea7e30
```
#ea7e30 rgb(234,126,48)
```
#ea8e30
```
#ea8e30 rgb(234,142,48)
```

Similar Colors

Text with hexadecimal color #ea5f30

This text has a font color of #ea5f30.

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

#ea5f30 background color

This paragraph has a background color of #ea5f30.

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

#ea5f30 border color

This element has a border color of #ea5f30.

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

CSS codes

.text {color:#ea5f30;}

.background {background-color:#ea5f30;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#190802
```
#190802 rgb(25,8,2)
```
#2a0e04
```
#2a0e04 rgb(42,14,4)
```
#3c1406
```
#3c1406 rgb(60,20,6)
```
#4e1a08
```
#4e1a08 rgb(78,26,8)
```
#601f0a
```
#601f0a rgb(96,31,10)
```
#72250c
```
#72250c rgb(114,37,12)
```
#832b0d
```
#832b0d rgb(131,43,13)
```
#95310f
```
#95310f rgb(149,49,15)
```
#a73711
```
#a73711 rgb(167,55,17)
```
#b93d13
```
#b93d13 rgb(185,61,19)
```
#cb4315
```
#cb4315 rgb(203,67,21)
```
#dc4816
```
#dc4816 rgb(220,72,22)
```

Shade Color Variation

#e8511e
```
#e8511e rgb(232,81,30)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#ec6d42
```
#ec6d42 rgb(236,109,66)
```
#ee7b54
```
#ee7b54 rgb(238,123,84)
```
#ef8865
```
#ef8865 rgb(239,136,101)
```
#f19677
```
#f19677 rgb(241,150,119)
```
#f3a489
```
#f3a489 rgb(243,164,137)
```
#f5b29b
```
#f5b29b rgb(245,178,155)
```
#f7bfad
```
#f7bfad rgb(247,191,173)
```
#f8cdbe
```
#f8cdbe rgb(248,205,190)
```
#fadbd0
```
#fadbd0 rgb(250,219,208)
```
#fce9e2
```
#fce9e2 rgb(252,233,226)
```
#fef6f4
```
#fef6f4 rgb(254,246,244)
```

Tint Color Variation

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

#928a88
```
#928a88 rgb(146,138,136)
```
#9b867f
```
#9b867f rgb(155,134,127)
```
#a48276
```
#a48276 rgb(164,130,118)
```
#ad7d6d
```
#ad7d6d rgb(173,125,109)
```
#b57965
```
#b57965 rgb(181,121,101)
```
#be755c
```
#be755c rgb(190,117,92)
```
#c77053
```
#c77053 rgb(199,112,83)
```
#d06c4a
```
#d06c4a rgb(208,108,74)
```
#d86842
```
#d86842 rgb(216,104,66)
```
#e16339
```
#e16339 rgb(225,99,57)
```
#ea5f30
```
#ea5f30 rgb(234,95,48)
```
#f35b27
```
#f35b27 rgb(243,91,39)
```
#fc561e
```
#fc561e rgb(252,86,30)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#987c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09146 Protanopia 1% of men
#b48a2e Deuteranopia 1% of men
#ec6267 Tritanopia 0.001% of the population

Trichromacy

#bb7f3e Protanomaly 1% of men, 0.01% of women
#c77a2f Deuteranomaly 6% of men, 0.4% of women
#eb6153 Tritanomaly 0.01% of the population

#ea5f30 hex color

#ea5f30 Color Information

#ea5f30 Color Conversion

Color Schemes with #ea5f30

Alternatives to #ea5f30

#ea5f30 Preview

Shades and Tints of #ea5f30

Tones of #ea5f30

Color Blindness Simulator