#ec764b hex color

In a RGB color space, hex #ec764b is composed of 92.5% red, 46.3% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 68.2% yellow and 7.5% black. It has a hue angle of 16 degrees, a saturation of 80.9% and a lightness of 61%. #ec764b color hex could be obtained by blending #ffec96 with #d90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 93
- G 46
- B 29
RGB color chart
- C 0
- M 50
- Y 68
- K 7
CMYK color chart

● #ec764b color description : Soft orange.

The hexadecimal color #ec764b has RGB values of R:236, G:118, B:75 and CMYK values of C:0, M:0.5, Y:0.68, K:0.07. Its decimal value is 15496779.

Hex triplet	ec764b	`#ec764b`
RGB Decimal	236, 118, 75	`rgb(236,118,75)`
RGB Percent	92.5, 46.3, 29.4	`rgb(92.5%,46.3%,29.4%)`
CMYK	0, 50, 68, 7
HSL	16°, 80.9, 61	`hsl(16,80.9%,61%)`
HSV (or HSB)	16°, 68.2, 92.5
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.761, 42.38, 44.173
XYZ	42.342, 31.302, 10.468
xyY	0.503, 0.372, 31.302
CIE-LCH	62.761, 61.215, 46.187
CIE-LUV	62.761, 92.944, 40.971
Hunter-Lab	55.948, 37.182, 28.07
Binary	11101100, 01110110, 01001011

#ec764b
```
#ec764b rgb(236,118,75)
```
#4bc1ec
```
#4bc1ec rgb(75,193,236)
```

Complementary Color

#ec4b71
```
#ec4b71 rgb(236,75,113)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#ecc74b
```
#ecc74b rgb(236,199,75)
```

Analogous Color

#4b71ec
```
#4b71ec rgb(75,113,236)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#4becc7
```
#4becc7 rgb(75,236,199)
```

Split Complementary Color

#764bec
```
#764bec rgb(118,75,236)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#4bec76
```
#4bec76 rgb(75,236,118)
```

Triadic Color

#ec4bc1
```
#ec4bc1 rgb(236,75,193)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#4bec76
```
#4bec76 rgb(75,236,118)
```
#4bc1ec
```
#4bc1ec rgb(75,193,236)
```

Tetradic Color

#d44916
```
#d44916 rgb(212,73,22)
```
#e7531d
```
#e7531d rgb(231,83,29)
```
#ea6434
```
#ea6434 rgb(234,100,52)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#ee8862
```
#ee8862 rgb(238,136,98)
```
#f19979
```
#f19979 rgb(241,153,121)
```
#f3ab90
```
#f3ab90 rgb(243,171,144)
```

Monochromatic Color

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

#ec4e4b
```
#ec4e4b rgb(236,78,75)
```
#ec5b4b
```
#ec5b4b rgb(236,91,75)
```
#ec694b
```
#ec694b rgb(236,105,75)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#ec834b
```
#ec834b rgb(236,131,75)
```
#ec914b
```
#ec914b rgb(236,145,75)
```
#ec9e4b
```
#ec9e4b rgb(236,158,75)
```

Similar Colors

Text with hexadecimal color #ec764b

This text has a font color of #ec764b.

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

#ec764b background color

This paragraph has a background color of #ec764b.

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

#ec764b border color

This element has a border color of #ec764b.

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

CSS codes

.text {color:#ec764b;}

.background {background-color:#ec764b;}

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

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

#0f0502
```
#0f0502 rgb(15,5,2)
```
#210b03
```
#210b03 rgb(33,11,3)
```
#331105
```
#331105 rgb(51,17,5)
```
#441807
```
#441807 rgb(68,24,7)
```
#561e09
```
#561e09 rgb(86,30,9)
```
#68240b
```
#68240b rgb(104,36,11)
```
#7a2a0d
```
#7a2a0d rgb(122,42,13)
```
#8b300f
```
#8b300f rgb(139,48,15)
```
#9d3611
```
#9d3611 rgb(157,54,17)
```
#af3c12
```
#af3c12 rgb(175,60,18)
```
#c14214
```
#c14214 rgb(193,66,20)
```
#d24816
```
#d24816 rgb(210,72,22)
```
#e44f18
```
#e44f18 rgb(228,79,24)
```

Shade Color Variation

#e85b28
```
#e85b28 rgb(232,91,40)
```
#ea6839
```
#ea6839 rgb(234,104,57)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#ee845d
```
#ee845d rgb(238,132,93)
```
#f0916e
```
#f0916e rgb(240,145,110)
```
#f29f80
```
#f29f80 rgb(242,159,128)
```
#f3ac92
```
#f3ac92 rgb(243,172,146)
```
#f5baa4
```
#f5baa4 rgb(245,186,164)
```
#f7c7b5
```
#f7c7b5 rgb(247,199,181)
```
#f9d5c7
```
#f9d5c7 rgb(249,213,199)
```
#fbe2d9
```
#fbe2d9 rgb(251,226,217)
```
#fdf0eb
```
#fdf0eb rgb(253,240,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#9f9a98
```
#9f9a98 rgb(159,154,152)
```
#a79690
```
#a79690 rgb(167,150,144)
```
#af9388
```
#af9388 rgb(175,147,136)
```
#b68f81
```
#b68f81 rgb(182,143,129)
```
#be8b79
```
#be8b79 rgb(190,139,121)
```
#c68871
```
#c68871 rgb(198,136,113)
```
#cd846a
```
#cd846a rgb(205,132,106)
```
#d58162
```
#d58162 rgb(213,129,98)
```
#dd7d5a
```
#dd7d5a rgb(221,125,90)
```
#e47a53
```
#e47a53 rgb(228,122,83)
```
#ec764b
```
#ec764b rgb(236,118,75)
```
#f47243
```
#f47243 rgb(244,114,67)
```
#fb6f3c
```
#fb6f3c rgb(251,111,60)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a68e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9d5e Protanopia 1% of men
#c0964d Deuteranopia 1% of men
#ef777f Tritanopia 0.001% of the population

Trichromacy

#c38e57 Protanomaly 1% of men, 0.01% of women
#d08a4c Deuteranomaly 6% of men, 0.4% of women
#ee776c Tritanomaly 0.01% of the population

#ec764b hex color

#ec764b Color Information

#ec764b Color Conversion

Color Schemes with #ec764b

Alternatives to #ec764b

#ec764b Preview

Shades and Tints of #ec764b

Tones of #ec764b

Color Blindness Simulator