#ec02ff hex color

In a RGB color space, hex #ec02ff is composed of 92.5% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 295.5 degrees, a saturation of 100% and a lightness of 50.4%. #ec02ff color hex could be obtained by blending #ff04ff with #d900ff. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 93
- G 1
- B 100
RGB color chart
- C 7
- M 99
- Y 0
- K 0
CMYK color chart

● #ec02ff color description : Vivid magenta.

The hexadecimal color #ec02ff has RGB values of R:236, G:2, B:255 and CMYK values of C:0.07, M:0.99, Y:0, K:0. Its decimal value is 15467263.

Hex triplet	ec02ff	`#ec02ff`
RGB Decimal	236, 2, 255	`rgb(236,2,255)`
RGB Percent	92.5, 0.8, 100	`rgb(92.5%,0.8%,100%)`
CMYK	7, 99, 0, 0
HSL	295.5°, 100, 50.4	`hsl(295.5,100%,50.4%)`
HSV (or HSB)	295.5°, 99.2, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.172, 95.27, -66.067
XYZ	52.662, 25.1, 96.673
xyY	0.302, 0.144, 25.1
CIE-LCH	57.172, 115.936, 325.26
CIE-LUV	57.172, 70.655, -114.631
Hunter-Lab	50.099, 99.957, -79.338
Binary	11101100, 00000010, 11111111

#ec02ff
```
#ec02ff rgb(236,2,255)
```
#15ff02
```
#15ff02 rgb(21,255,2)
```

Complementary Color

#6e02ff
```
#6e02ff rgb(110,2,255)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```
#ff0294
```
#ff0294 rgb(255,2,148)
```

Analogous Color

#02ff6e
```
#02ff6e rgb(2,255,110)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```
#94ff02
```
#94ff02 rgb(148,255,2)
```

Split Complementary Color

#02ffec
```
#02ffec rgb(2,255,236)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```
#ffec02
```
#ffec02 rgb(255,236,2)
```

Triadic Color

#0215ff
```
#0215ff rgb(2,21,255)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```
#ffec02
```
#ffec02 rgb(255,236,2)
```
#15ff02
```
#15ff02 rgb(21,255,2)
```

Tetradic Color

#a700b5
```
#a700b5 rgb(167,0,181)
```
#bf00ce
```
#bf00ce rgb(191,0,206)
```
#d600e8
```
#d600e8 rgb(214,0,232)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```
#ee1cff
```
#ee1cff rgb(238,28,255)
```
#f035ff
```
#f035ff rgb(240,53,255)
```
#f24fff
```
#f24fff rgb(242,79,255)
```

Monochromatic Color

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

#ad02ff
```
#ad02ff rgb(173,2,255)
```
#c202ff
```
#c202ff rgb(194,2,255)
```
#d702ff
```
#d702ff rgb(215,2,255)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```
#ff02fd
```
#ff02fd rgb(255,2,253)
```
#ff02e8
```
#ff02e8 rgb(255,2,232)
```
#ff02d3
```
#ff02d3 rgb(255,2,211)
```

Similar Colors

Text with hexadecimal color #ec02ff

This text has a font color of #ec02ff.

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

#ec02ff background color

This paragraph has a background color of #ec02ff.

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

#ec02ff border color

This element has a border color of #ec02ff.

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

CSS codes

.text {color:#ec02ff;}

.background {background-color:#ec02ff;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#140016
```
#140016 rgb(20,0,22)
```
#260029
```
#260029 rgb(38,0,41)
```
#38003d
```
#38003d rgb(56,0,61)
```
#4a0050
```
#4a0050 rgb(74,0,80)
```
#5d0064
```
#5d0064 rgb(93,0,100)
```
#6f0078
```
#6f0078 rgb(111,0,120)
```
#81008b
```
#81008b rgb(129,0,139)
```
#93009f
```
#93009f rgb(147,0,159)
```
#a500b3
```
#a500b3 rgb(165,0,179)
```
#b700c6
```
#b700c6 rgb(183,0,198)
```
#c900da
```
#c900da rgb(201,0,218)
```
#dc00ed
```
#dc00ed rgb(220,0,237)
```

Shade Color Variation

#ec02ff
```
#ec02ff rgb(236,2,255)
```
#ed16ff
```
#ed16ff rgb(237,22,255)
```
#ef29ff
```
#ef29ff rgb(239,41,255)
```
#f03dff
```
#f03dff rgb(240,61,255)
```
#f250ff
```
#f250ff rgb(242,80,255)
```
#f364ff
```
#f364ff rgb(243,100,255)
```
#f578ff
```
#f578ff rgb(245,120,255)
```
#f68bff
```
#f68bff rgb(246,139,255)
```
#f89fff
```
#f89fff rgb(248,159,255)
```
#f9b3ff
```
#f9b3ff rgb(249,179,255)
```
#fbc6ff
```
#fbc6ff rgb(251,198,255)
```
#fcdaff
```
#fcdaff rgb(252,218,255)
```
#feedff
```
#feedff rgb(254,237,255)
```

Tint Color Variation

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

#89778a
```
#89778a rgb(137,119,138)
```
#916d94
```
#916d94 rgb(145,109,148)
```
#99639e
```
#99639e rgb(153,99,158)
```
#a25aa7
```
#a25aa7 rgb(162,90,167)
```
#aa50b1
```
#aa50b1 rgb(170,80,177)
```
#b246bb
```
#b246bb rgb(178,70,187)
```
#ba3cc5
```
#ba3cc5 rgb(186,60,197)
```
#c333ce
```
#c333ce rgb(195,51,206)
```
#cb29d8
```
#cb29d8 rgb(203,41,216)
```
#d31fe2
```
#d31fe2 rgb(211,31,226)
```
#db15ec
```
#db15ec rgb(219,21,236)
```
#e40cf5
```
#e40cf5 rgb(228,12,245)
```
#ec02ff
```
#ec02ff rgb(236,2,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#805184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#458bff Protanopia 1% of men
#4990e6 Deuteranopia 1% of men
#da6d74 Tritanopia 0.001% of the population

Trichromacy

#8259ff Protanomaly 1% of men, 0.01% of women
#845cef Deuteranomaly 6% of men, 0.4% of women
#e046a6 Tritanomaly 0.01% of the population

#ec02ff hex color

#ec02ff Color Information

#ec02ff Color Conversion

Color Schemes with #ec02ff

Alternatives to #ec02ff

#ec02ff Preview

Shades and Tints of #ec02ff

Tones of #ec02ff

Color Blindness Simulator