colorhexa.com

#02ecfc hex color

In a RGB color space, hex #02ecfc is composed of 0.8% red, 92.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 6.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 183.8 degrees, a saturation of 98.4% and a lightness of 49.8%. #02ecfc color hex could be obtained by blending #04ffff with #00d9f9. Closest websafe color is: #00ffff.

- R 1
- G 93
- B 99
RGB color chart
- C 99
- M 6
- Y 0
- K 1
CMYK color chart

● #02ecfc color description : Vivid cyan.

The hexadecimal color #02ecfc has RGB values of R:2, G:236, B:252 and CMYK values of C:0.99, M:0.06, Y:0, K:0.01. Its decimal value is 191740.

Hex triplet	02ecfc	`#02ecfc`
RGB Decimal	2, 236, 252	`rgb(2,236,252)`
RGB Percent	0.8, 92.5, 98.8	`rgb(0.8%,92.5%,98.8%)`
CMYK	99, 6, 0, 1
HSL	183.8°, 98.4, 49.8	`hsl(183.8,98.4%,49.8%)`
HSV (or HSB)	183.8°, 99.2, 98.8
Web Safe	00ffff	`#00ffff`

CIE-LAB	85.518, -40.552, -20.995
XYZ	47.586, 67.027, 102.52
xyY	0.219, 0.309, 67.027
CIE-LCH	85.518, 45.665, 207.372
CIE-LUV	85.518, -64.411, -27.742
Hunter-Lab	81.87, -39.522, -16.935
Binary	00000010, 11101100, 11111100

#02ecfc
```
#02ecfc rgb(2,236,252)
```
#fc1202
```
#fc1202 rgb(252,18,2)
```

Complementary Color

#02fc8f
```
#02fc8f rgb(2,252,143)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```
#026ffc
```
#026ffc rgb(2,111,252)
```

Analogous Color

#fc8f02
```
#fc8f02 rgb(252,143,2)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```
#fc026f
```
#fc026f rgb(252,2,111)
```

Split Complementary Color

#ecfc02
```
#ecfc02 rgb(236,252,2)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```
#fc02ec
```
#fc02ec rgb(252,2,236)
```

Triadic Color

#01a5b0
```
#01a5b0 rgb(1,165,176)
```
#02bdc9
```
#02bdc9 rgb(2,189,201)
```
#02d4e3
```
#02d4e3 rgb(2,212,227)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```
#1aeffd
```
#1aeffd rgb(26,239,253)
```
#34f0fd
```
#34f0fd rgb(52,240,253)
```
#4df2fe
```
#4df2fe rgb(77,242,254)
```

Monochromatic Color

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

#02fcce
```
#02fcce rgb(2,252,206)
```
#02fce2
```
#02fce2 rgb(2,252,226)
```
#02fcf7
```
#02fcf7 rgb(2,252,247)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```
#02d7fc
```
#02d7fc rgb(2,215,252)
```
#02c2fc
```
#02c2fc rgb(2,194,252)
```
#02aefc
```
#02aefc rgb(2,174,252)
```

Similar Colors

Text with hexadecimal color #02ecfc

This text has a font color of #02ecfc.

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

#02ecfc background color

This paragraph has a background color of #02ecfc.

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

#02ecfc border color

This element has a border color of #02ecfc.

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

CSS codes

.text {color:#02ecfc;}

.background {background-color:#02ecfc;}

.border {border:1px solid #02ecfc;}

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

#001112
```
#001112 rgb(0,17,18)
```
#002426
```
#002426 rgb(0,36,38)
```
#003639
```
#003639 rgb(0,54,57)
```
#01484d
```
#01484d rgb(1,72,77)
```
#015a60
```
#015a60 rgb(1,90,96)
```
#016c74
```
#016c74 rgb(1,108,116)
```
#017f87
```
#017f87 rgb(1,127,135)
```
#01919b
```
#01919b rgb(1,145,155)
```
#01a3ae
```
#01a3ae rgb(1,163,174)
```
#02b5c2
```
#02b5c2 rgb(2,181,194)
```
#02c8d5
```
#02c8d5 rgb(2,200,213)
```
#02dae9
```
#02dae9 rgb(2,218,233)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```

Shade Color Variation

#14eefd
```
#14eefd rgb(20,238,253)
```
#28f0fd
```
#28f0fd rgb(40,240,253)
```
#3bf1fd
```
#3bf1fd rgb(59,241,253)
```
#4ff2fe
```
#4ff2fe rgb(79,242,254)
```
#62f4fe
```
#62f4fe rgb(98,244,254)
```
#76f5fe
```
#76f5fe rgb(118,245,254)
```
#89f7fe
```
#89f7fe rgb(137,247,254)
```
#9df8fe
```
#9df8fe rgb(157,248,254)
```
#b0f9fe
```
#b0f9fe rgb(176,249,254)
```
#c4fbff
```
#c4fbff rgb(196,251,255)
```
#d7fcff
```
#d7fcff rgb(215,252,255)
```
#ebfeff
```
#ebfeff rgb(235,254,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778687
```
#778687 rgb(119,134,135)
```
#6d8e91
```
#6d8e91 rgb(109,142,145)
```
#64979a
```
#64979a rgb(100,151,154)
```
#5a9fa4
```
#5a9fa4 rgb(90,159,164)
```
#50a8ae
```
#50a8ae rgb(80,168,174)
```
#46b0b8
```
#46b0b8 rgb(70,176,184)
```
#3db9c1
```
#3db9c1 rgb(61,185,193)
```
#33c1cb
```
#33c1cb rgb(51,193,203)
```
#29cad5
```
#29cad5 rgb(41,202,213)
```
#1fd2df
```
#1fd2df rgb(31,210,223)
```
#16dbe8
```
#16dbe8 rgb(22,219,232)
```
#0ce3f2
```
#0ce3f2 rgb(12,227,242)
```
#02ecfc
```
#02ecfc rgb(2,236,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#87b6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d6ee Protanopia 1% of men
#d4d4ff Deuteranopia 1% of men
#18ecfe Tritanopia 0.001% of the population

Trichromacy

#87def3 Protanomaly 1% of men, 0.01% of women
#87ddfd Deuteranomaly 6% of men, 0.4% of women
#10ecfd Tritanomaly 0.01% of the population