#ec063f hex color

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

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

● #ec063f color description : Vivid red.

The hexadecimal color #ec063f has RGB values of R:236, G:6, B:63 and CMYK values of C:0, M:0.97, Y:0.73, K:0.07. Its decimal value is 15468095.

Hex triplet	ec063f	`#ec063f`
RGB Decimal	236, 6, 63	`rgb(236,6,63)`
RGB Percent	92.5, 2.4, 24.7	`rgb(92.5%,2.4%,24.7%)`
CMYK	0, 97, 73, 7
HSL	345.1°, 95, 47.5	`hsl(345.1,95%,47.5%)`
HSV (or HSB)	345.1°, 97.5, 92.5
Web Safe	ff0033	`#ff0033`

CIE-LAB	49.89, 76.263, 35.972
XYZ	35.556, 18.327, 6.368
xyY	0.59, 0.304, 18.327
CIE-LCH	49.89, 84.321, 25.253
CIE-LUV	49.89, 151.585, 20.852
Hunter-Lab	42.81, 73.339, 21.148
Binary	11101100, 00000110, 00111111

#ec063f
```
#ec063f rgb(236,6,63)
```
#06ecb3
```
#06ecb3 rgb(6,236,179)
```

Complementary Color

#ec06b2
```
#ec06b2 rgb(236,6,178)
```
#ec063f
```
#ec063f rgb(236,6,63)
```
#ec4006
```
#ec4006 rgb(236,64,6)
```

Analogous Color

#06b2ec
```
#06b2ec rgb(6,178,236)
```
#ec063f
```
#ec063f rgb(236,6,63)
```
#06ec40
```
#06ec40 rgb(6,236,64)
```

Split Complementary Color

#063fec
```
#063fec rgb(6,63,236)
```
#ec063f
```
#ec063f rgb(236,6,63)
```
#3fec06
```
#3fec06 rgb(63,236,6)
```

Triadic Color

#b306ec
```
#b306ec rgb(179,6,236)
```
#ec063f
```
#ec063f rgb(236,6,63)
```
#3fec06
```
#3fec06 rgb(63,236,6)
```
#06ecb3
```
#06ecb3 rgb(6,236,179)
```

Tetradic Color

#a1042b
```
#a1042b rgb(161,4,43)
```
#ba0532
```
#ba0532 rgb(186,5,50)
```
#d30538
```
#d30538 rgb(211,5,56)
```
#ec063f
```
#ec063f rgb(236,6,63)
```
#f9134c
```
#f9134c rgb(249,19,76)
```
#fa2b5e
```
#fa2b5e rgb(250,43,94)
```
#fa4471
```
#fa4471 rgb(250,68,113)
```

Monochromatic Color

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

#ec0679
```
#ec0679 rgb(236,6,121)
```
#ec0665
```
#ec0665 rgb(236,6,101)
```
#ec0652
```
#ec0652 rgb(236,6,82)
```
#ec063f
```
#ec063f rgb(236,6,63)
```
#ec062c
```
#ec062c rgb(236,6,44)
```
#ec0619
```
#ec0619 rgb(236,6,25)
```
#ec0606
```
#ec0606 rgb(236,6,6)
```

Similar Colors

Text with hexadecimal color #ec063f

This text has a font color of #ec063f.

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

#ec063f background color

This paragraph has a background color of #ec063f.

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

#ec063f border color

This element has a border color of #ec063f.

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

CSS codes

.text {color:#ec063f;}

.background {background-color:#ec063f;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#1a0107
```
#1a0107 rgb(26,1,7)
```
#2d010c
```
#2d010c rgb(45,1,12)
```
#400211
```
#400211 rgb(64,2,17)
```
#530216
```
#530216 rgb(83,2,22)
```
#66031b
```
#66031b rgb(102,3,27)
```
#790320
```
#790320 rgb(121,3,32)
```
#8c0425
```
#8c0425 rgb(140,4,37)
```
#9f042b
```
#9f042b rgb(159,4,43)
```
#b30530
```
#b30530 rgb(179,5,48)
```
#c60535
```
#c60535 rgb(198,5,53)
```
#d9063a
```
#d9063a rgb(217,6,58)
```
#ec063f
```
#ec063f rgb(236,6,63)
```

Shade Color Variation

#f90d47
```
#f90d47 rgb(249,13,71)
```
#f92056
```
#f92056 rgb(249,32,86)
```
#fa3364
```
#fa3364 rgb(250,51,100)
```
#fa4673
```
#fa4673 rgb(250,70,115)
```
#fb5981
```
#fb5981 rgb(251,89,129)
```
#fb6c90
```
#fb6c90 rgb(251,108,144)
```
#fc809e
```
#fc809e rgb(252,128,158)
```
#fc93ad
```
#fc93ad rgb(252,147,173)
```
#fda6bb
```
#fda6bb rgb(253,166,187)
```
#fdb9ca
```
#fdb9ca rgb(253,185,202)
```
#feccd8
```
#feccd8 rgb(254,204,216)
```
#fedfe7
```
#fedfe7 rgb(254,223,231)
```
#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 #ec063f is the most saturated one.

#7c7677
```
#7c7677 rgb(124,118,119)
```
#866c73
```
#866c73 rgb(134,108,115)
```
#8f636e
```
#8f636e rgb(143,99,110)
```
#985a69
```
#985a69 rgb(152,90,105)
```
#a25065
```
#a25065 rgb(162,80,101)
```
#ab4760
```
#ab4760 rgb(171,71,96)
```
#b43e5b
```
#b43e5b rgb(180,62,91)
```
#bd3556
```
#bd3556 rgb(189,53,86)
```
#c72b52
```
#c72b52 rgb(199,43,82)
```
#d0224d
```
#d0224d rgb(208,34,77)
```
#d91948
```
#d91948 rgb(217,25,72)
```
#e30f44
```
#e30f44 rgb(227,15,68)
```
#ec063f
```
#ec063f rgb(236,6,63)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#70424d Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d64 Protanopia 1% of men
#9a783a Deuteranopia 1% of men
#ec231d Tritanopia 0.001% of the population

Trichromacy

#aa5256 Protanomaly 1% of men, 0.01% of women
#b84e3c Deuteranomaly 6% of men, 0.4% of women
#ec1829 Tritanomaly 0.01% of the population

#ec063f hex color

#ec063f Color Information

#ec063f Color Conversion

Color Schemes with #ec063f

Alternatives to #ec063f

#ec063f Preview

Shades and Tints of #ec063f

Tones of #ec063f

Color Blindness Simulator