#ec062f hex color

In a RGB color space, hex #ec062f is composed of 92.5% red, 2.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 80.1% yellow and 7.5% black. It has a hue angle of 349.3 degrees, a saturation of 95% and a lightness of 47.5%. #ec062f color hex could be obtained by blending #ff0c5e with #d90000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 93
- G 2
- B 18
RGB color chart
- C 0
- M 97
- Y 80
- K 7
CMYK color chart

● #ec062f color description : Vivid red.

The hexadecimal color #ec062f has RGB values of R:236, G:6, B:47 and CMYK values of C:0, M:0.97, Y:0.8, K:0.07. Its decimal value is 15468079.

Hex triplet	ec062f	`#ec062f`
RGB Decimal	236, 6, 47	`rgb(236,6,47)`
RGB Percent	92.5, 2.4, 18.4	`rgb(92.5%,2.4%,18.4%)`
CMYK	0, 97, 80, 7
HSL	349.3°, 95, 47.5	`hsl(349.3,95%,47.5%)`
HSV (or HSB)	349.3°, 97.5, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.705, 75.757, 44.94
XYZ	35.172, 18.173, 4.345
xyY	0.61, 0.315, 18.173
CIE-LCH	49.705, 88.083, 30.677
CIE-LUV	49.705, 155.541, 26.817
Hunter-Lab	42.63, 72.671, 23.798
Binary	11101100, 00000110, 00101111

#ec062f
```
#ec062f rgb(236,6,47)
```
#06ecc3
```
#06ecc3 rgb(6,236,195)
```

Complementary Color

#ec06a2
```
#ec06a2 rgb(236,6,162)
```
#ec062f
```
#ec062f rgb(236,6,47)
```
#ec5006
```
#ec5006 rgb(236,80,6)
```

Analogous Color

#06a2ec
```
#06a2ec rgb(6,162,236)
```
#ec062f
```
#ec062f rgb(236,6,47)
```
#06ec50
```
#06ec50 rgb(6,236,80)
```

Split Complementary Color

#062fec
```
#062fec rgb(6,47,236)
```
#ec062f
```
#ec062f rgb(236,6,47)
```
#2fec06
```
#2fec06 rgb(47,236,6)
```

Triadic Color

#c306ec
```
#c306ec rgb(195,6,236)
```
#ec062f
```
#ec062f rgb(236,6,47)
```
#2fec06
```
#2fec06 rgb(47,236,6)
```
#06ecc3
```
#06ecc3 rgb(6,236,195)
```

Tetradic Color

#a10420
```
#a10420 rgb(161,4,32)
```
#ba0525
```
#ba0525 rgb(186,5,37)
```
#d3052a
```
#d3052a rgb(211,5,42)
```
#ec062f
```
#ec062f rgb(236,6,47)
```
#f9133c
```
#f9133c rgb(249,19,60)
```
#fa2b50
```
#fa2b50 rgb(250,43,80)
```
#fa4465
```
#fa4465 rgb(250,68,101)
```

Monochromatic Color

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

#ec0669
```
#ec0669 rgb(236,6,105)
```
#ec0655
```
#ec0655 rgb(236,6,85)
```
#ec0642
```
#ec0642 rgb(236,6,66)
```
#ec062f
```
#ec062f rgb(236,6,47)
```
#ec061c
```
#ec061c rgb(236,6,28)
```
#ec0609
```
#ec0609 rgb(236,6,9)
```
#ec1606
```
#ec1606 rgb(236,22,6)
```

Similar Colors

Text with hexadecimal color #ec062f

This text has a font color of #ec062f.

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

#ec062f background color

This paragraph has a background color of #ec062f.

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

#ec062f border color

This element has a border color of #ec062f.

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

CSS codes

.text {color:#ec062f;}

.background {background-color:#ec062f;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#1a0105
```
#1a0105 rgb(26,1,5)
```
#2d0109
```
#2d0109 rgb(45,1,9)
```
#40020d
```
#40020d rgb(64,2,13)
```
#530211
```
#530211 rgb(83,2,17)
```
#660314
```
#660314 rgb(102,3,20)
```
#790318
```
#790318 rgb(121,3,24)
```
#8c041c
```
#8c041c rgb(140,4,28)
```
#9f0420
```
#9f0420 rgb(159,4,32)
```
#b30524
```
#b30524 rgb(179,5,36)
```
#c60527
```
#c60527 rgb(198,5,39)
```
#d9062b
```
#d9062b rgb(217,6,43)
```
#ec062f
```
#ec062f rgb(236,6,47)
```

Shade Color Variation

#f90d37
```
#f90d37 rgb(249,13,55)
```
#f92047
```
#f92047 rgb(249,32,71)
```
#fa3356
```
#fa3356 rgb(250,51,86)
```
#fa4666
```
#fa4666 rgb(250,70,102)
```
#fb5976
```
#fb5976 rgb(251,89,118)
```
#fb6c86
```
#fb6c86 rgb(251,108,134)
```
#fc8096
```
#fc8096 rgb(252,128,150)
```
#fc93a5
```
#fc93a5 rgb(252,147,165)
```
#fda6b5
```
#fda6b5 rgb(253,166,181)
```
#fdb9c5
```
#fdb9c5 rgb(253,185,197)
```
#feccd5
```
#feccd5 rgb(254,204,213)
```
#fedfe5
```
#fedfe5 rgb(254,223,229)
```
#fff2f5
```
#fff2f5 rgb(255,242,245)
```

Tint Color Variation

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

#7c7677
```
#7c7677 rgb(124,118,119)
```
#866c71
```
#866c71 rgb(134,108,113)
```
#8f636b
```
#8f636b rgb(143,99,107)
```
#985a65
```
#985a65 rgb(152,90,101)
```
#a2505f
```
#a2505f rgb(162,80,95)
```
#ab4759
```
#ab4759 rgb(171,71,89)
```
#b43e53
```
#b43e53 rgb(180,62,83)
```
#bd354d
```
#bd354d rgb(189,53,77)
```
#c72b47
```
#c72b47 rgb(199,43,71)
```
#d02241
```
#d02241 rgb(208,34,65)
```
#d9193b
```
#d9193b rgb(217,25,59)
```
#e30f35
```
#e30f35 rgb(227,15,53)
```
#ec062f
```
#ec062f rgb(236,6,47)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#6e4049 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887d51 Protanopia 1% of men
#9b7727 Deuteranopia 1% of men
#ec1d14 Tritanopia 0.001% of the population

Trichromacy

#ac5144 Protanomaly 1% of men, 0.01% of women
#b84e2a Deuteranomaly 6% of men, 0.4% of women
#ec151e Tritanomaly 0.01% of the population

#ec062f hex color

#ec062f Color Information

#ec062f Color Conversion

Color Schemes with #ec062f

Alternatives to #ec062f

#ec062f Preview

Shades and Tints of #ec062f

Tones of #ec062f

Color Blindness Simulator