#ec975f hex color

In a RGB color space, hex #ec975f is composed of 92.5% red, 59.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 59.7% yellow and 7.5% black. It has a hue angle of 23.8 degrees, a saturation of 78.8% and a lightness of 64.9%. #ec975f color hex could be obtained by blending #ffffbe with #d92f00. Closest websafe color is: #ff9966.

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

● #ec975f color description : Soft orange.

The hexadecimal color #ec975f has RGB values of R:236, G:151, B:95 and CMYK values of C:0, M:0.36, Y:0.6, K:0.07. Its decimal value is 15505247.

Hex triplet	ec975f	`#ec975f`
RGB Decimal	236, 151, 95	`rgb(236,151,95)`
RGB Percent	92.5, 59.2, 37.3	`rgb(92.5%,59.2%,37.3%)`
CMYK	0, 36, 60, 7
HSL	23.8°, 78.8, 64.9	`hsl(23.8,78.8%,64.9%)`
HSV (or HSB)	23.8°, 59.7, 92.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	70.032, 26.581, 42.383
XYZ	47.725, 40.796, 16.187
xyY	0.456, 0.39, 40.796
CIE-LCH	70.032, 50.029, 57.905
CIE-LUV	70.032, 65.287, 45.604
Hunter-Lab	63.871, 21.602, 29.684
Binary	11101100, 10010111, 01011111

#ec975f
```
#ec975f rgb(236,151,95)
```
#5fb4ec
```
#5fb4ec rgb(95,180,236)
```

Complementary Color

#ec5f6e
```
#ec5f6e rgb(236,95,110)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#ecde5f
```
#ecde5f rgb(236,222,95)
```

Analogous Color

#5f6eec
```
#5f6eec rgb(95,110,236)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#5fecde
```
#5fecde rgb(95,236,222)
```

Split Complementary Color

#975fec
```
#975fec rgb(151,95,236)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#5fec97
```
#5fec97 rgb(95,236,151)
```

Triadic Color

#ec5fb4
```
#ec5fb4 rgb(236,95,180)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#5fec97
```
#5fec97 rgb(95,236,151)
```
#5fb4ec
```
#5fb4ec rgb(95,180,236)
```

Tetradic Color

#e36b1b
```
#e36b1b rgb(227,107,27)
```
#e77931
```
#e77931 rgb(231,121,49)
```
#e98848
```
#e98848 rgb(233,136,72)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#efa676
```
#efa676 rgb(239,166,118)
```
#f1b58d
```
#f1b58d rgb(241,181,141)
```
#f4c3a3
```
#f4c3a3 rgb(244,195,163)
```

Monochromatic Color

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

#ec745f
```
#ec745f rgb(236,116,95)
```
#ec805f
```
#ec805f rgb(236,128,95)
```
#ec8b5f
```
#ec8b5f rgb(236,139,95)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#eca35f
```
#eca35f rgb(236,163,95)
```
#ecaf5f
```
#ecaf5f rgb(236,175,95)
```
#ecba5f
```
#ecba5f rgb(236,186,95)
```

Similar Colors

Text with hexadecimal color #ec975f

This text has a font color of #ec975f.

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

#ec975f background color

This paragraph has a background color of #ec975f.

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

#ec975f border color

This element has a border color of #ec975f.

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

CSS codes

.text {color:#ec975f;}

.background {background-color:#ec975f;}

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

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, #0f0702 is the darkest color, while #fffefd is the lightest one.

#0f0702
```
#0f0702 rgb(15,7,2)
```
#210f04
```
#210f04 rgb(33,15,4)
```
#321806
```
#321806 rgb(50,24,6)
```
#442008
```
#442008 rgb(68,32,8)
```
#55280a
```
#55280a rgb(85,40,10)
```
#67300c
```
#67300c rgb(103,48,12)
```
#79380e
```
#79380e rgb(121,56,14)
```
#8a4110
```
#8a4110 rgb(138,65,16)
```
#9c4912
```
#9c4912 rgb(156,73,18)
```
#ad5115
```
#ad5115 rgb(173,81,21)
```
#bf5917
```
#bf5917 rgb(191,89,23)
```
#d06219
```
#d06219 rgb(208,98,25)
```
#e26a1b
```
#e26a1b rgb(226,106,27)
```

Shade Color Variation

#e6752a
```
#e6752a rgb(230,117,42)
```
#e8803c
```
#e8803c rgb(232,128,60)
```
#ea8c4d
```
#ea8c4d rgb(234,140,77)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#eea271
```
#eea271 rgb(238,162,113)
```
#f0ae82
```
#f0ae82 rgb(240,174,130)
```
#f2b994
```
#f2b994 rgb(242,185,148)
```
#f4c5a5
```
#f4c5a5 rgb(244,197,165)
```
#f6d0b7
```
#f6d0b7 rgb(246,208,183)
```
#f8dbc8
```
#f8dbc8 rgb(248,219,200)
```
#fbe7da
```
#fbe7da rgb(251,231,218)
```
#fdf2eb
```
#fdf2eb rgb(253,242,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#a7a5a4
```
#a7a5a4 rgb(167,165,164)
```
#aea49d
```
#aea49d rgb(174,164,157)
```
#b5a296
```
#b5a296 rgb(181,162,150)
```
#bca18f
```
#bca18f rgb(188,161,143)
```
#c39f88
```
#c39f88 rgb(195,159,136)
```
#ca9e81
```
#ca9e81 rgb(202,158,129)
```
#d09d7b
```
#d09d7b rgb(208,157,123)
```
#d79b74
```
#d79b74 rgb(215,155,116)
```
#de9a6d
```
#de9a6d rgb(222,154,109)
```
#e59866
```
#e59866 rgb(229,152,102)
```
#ec975f
```
#ec975f rgb(236,151,95)
```
#f39658
```
#f39658 rgb(243,150,88)
```
#fa9451
```
#fa9451 rgb(250,148,81)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b7a69b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfaf6d Protanopia 1% of men
#d4a764 Deuteranopia 1% of men
#f1959f Tritanopia 0.001% of the population

Trichromacy

#cfa668 Protanomaly 1% of men, 0.01% of women
#dda162 Deuteranomaly 6% of men, 0.4% of women
#ef9688 Tritanomaly 0.01% of the population

#ec975f hex color

#ec975f Color Information

#ec975f Color Conversion

Color Schemes with #ec975f

Alternatives to #ec975f

#ec975f Preview

Shades and Tints of #ec975f

Tones of #ec975f

Color Blindness Simulator