#ec630e hex color

In a RGB color space, hex #ec630e is composed of 92.5% red, 38.8% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.1% magenta, 94.1% yellow and 7.5% black. It has a hue angle of 23 degrees, a saturation of 88.8% and a lightness of 49%. #ec630e color hex could be obtained by blending #ffc61c with #d90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 93
- G 39
- B 5
RGB color chart
- C 0
- M 58
- Y 94
- K 7
CMYK color chart

● #ec630e color description : Vivid orange.

The hexadecimal color #ec630e has RGB values of R:236, G:99, B:14 and CMYK values of C:0, M:0.58, Y:0.94, K:0.07. Its decimal value is 15491854.

Hex triplet	ec630e	`#ec630e`
RGB Decimal	236, 99, 14	`rgb(236,99,14)`
RGB Percent	92.5, 38.8, 5.5	`rgb(92.5%,38.8%,5.5%)`
CMYK	0, 58, 94, 7
HSL	23°, 88.8, 49	`hsl(23,88.8%,49%)`
HSV (or HSB)	23°, 94.1, 92.5
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.782, 49.639, 65.184
XYZ	39.135, 26.792, 3.526
xyY	0.563, 0.386, 26.792
CIE-LCH	58.782, 81.933, 52.71
CIE-LUV	58.782, 113.703, 50.14
Hunter-Lab	51.761, 44.375, 32.194
Binary	11101100, 01100011, 00001110

#ec630e
```
#ec630e rgb(236,99,14)
```
#0e97ec
```
#0e97ec rgb(14,151,236)
```

Complementary Color

#ec0e28
```
#ec0e28 rgb(236,14,40)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#ecd20e
```
#ecd20e rgb(236,210,14)
```

Analogous Color

#0e28ec
```
#0e28ec rgb(14,40,236)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#0eecd2
```
#0eecd2 rgb(14,236,210)
```

Split Complementary Color

#630eec
```
#630eec rgb(99,14,236)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#0eec63
```
#0eec63 rgb(14,236,99)
```

Triadic Color

#ec0e97
```
#ec0e97 rgb(236,14,151)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#0eec63
```
#0eec63 rgb(14,236,99)
```
#0e97ec
```
#0e97ec rgb(14,151,236)
```

Tetradic Color

#a4450a
```
#a4450a rgb(164,69,10)
```
#bc4f0b
```
#bc4f0b rgb(188,79,11)
```
#d4590d
```
#d4590d rgb(212,89,13)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#f27122
```
#f27122 rgb(242,113,34)
```
#f3813a
```
#f3813a rgb(243,129,58)
```
#f59052
```
#f59052 rgb(245,144,82)
```

Monochromatic Color

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

#ec2c0e
```
#ec2c0e rgb(236,44,14)
```
#ec3e0e
```
#ec3e0e rgb(236,62,14)
```
#ec510e
```
#ec510e rgb(236,81,14)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#ec760e
```
#ec760e rgb(236,118,14)
```
#ec880e
```
#ec880e rgb(236,136,14)
```
#ec9b0e
```
#ec9b0e rgb(236,155,14)
```

Similar Colors

Text with hexadecimal color #ec630e

This text has a font color of #ec630e.

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

#ec630e background color

This paragraph has a background color of #ec630e.

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

#ec630e border color

This element has a border color of #ec630e.

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

CSS codes

.text {color:#ec630e;}

.background {background-color:#ec630e;}

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

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

#0e0601
```
#0e0601 rgb(14,6,1)
```
#200e02
```
#200e02 rgb(32,14,2)
```
#331503
```
#331503 rgb(51,21,3)
```
#451d04
```
#451d04 rgb(69,29,4)
```
#582505
```
#582505 rgb(88,37,5)
```
#6a2d06
```
#6a2d06 rgb(106,45,6)
```
#7d3407
```
#7d3407 rgb(125,52,7)
```
#8f3c09
```
#8f3c09 rgb(143,60,9)
```
#a2440a
```
#a2440a rgb(162,68,10)
```
#b44c0b
```
#b44c0b rgb(180,76,11)
```
#c7530c
```
#c7530c rgb(199,83,12)
```
#d95b0d
```
#d95b0d rgb(217,91,13)
```
#ec630e
```
#ec630e rgb(236,99,14)
```

Shade Color Variation

#f26e1c
```
#f26e1c rgb(242,110,28)
```
#f37a2f
```
#f37a2f rgb(243,122,47)
```
#f48641
```
#f48641 rgb(244,134,65)
```
#f59154
```
#f59154 rgb(245,145,84)
```
#f69d66
```
#f69d66 rgb(246,157,102)
```
#f7a979
```
#f7a979 rgb(247,169,121)
```
#f8b58b
```
#f8b58b rgb(248,181,139)
```
#f9c19e
```
#f9c19e rgb(249,193,158)
```
#facdb0
```
#facdb0 rgb(250,205,176)
```
#fbd8c3
```
#fbd8c3 rgb(251,216,195)
```
#fde4d5
```
#fde4d5 rgb(253,228,213)
```
#fef0e8
```
#fef0e8 rgb(254,240,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#827c78
```
#827c78 rgb(130,124,120)
```
#8c7a6e
```
#8c7a6e rgb(140,122,110)
```
#957765
```
#957765 rgb(149,119,101)
```
#9f755b
```
#9f755b rgb(159,117,91)
```
#a97351
```
#a97351 rgb(169,115,81)
```
#b27148
```
#b27148 rgb(178,113,72)
```
#bc6e3e
```
#bc6e3e rgb(188,110,62)
```
#c66c34
```
#c66c34 rgb(198,108,52)
```
#cf6a2b
```
#cf6a2b rgb(207,106,43)
```
#d96821
```
#d96821 rgb(217,104,33)
```
#e26518
```
#e26518 rgb(226,101,24)
```
#ec630e
```
#ec630e rgb(236,99,14)
```
#f66104
```
#f66104 rgb(246,97,4)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#977c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49325 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#ef646a Tritanopia 0.001% of the population

Trichromacy

#be811c Protanomaly 1% of men, 0.01% of women
#cb7d05 Deuteranomaly 6% of men, 0.4% of women
#ee6348 Tritanomaly 0.01% of the population

#ec630e hex color

#ec630e Color Information

#ec630e Color Conversion

Color Schemes with #ec630e

Alternatives to #ec630e

#ec630e Preview

Shades and Tints of #ec630e

Tones of #ec630e

Color Blindness Simulator