colorhexa.com

#02dcec hex color

In a RGB color space, hex #02dcec is composed of 0.8% red, 86.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 6.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 184.1 degrees, a saturation of 98.3% and a lightness of 46.7%. #02dcec color hex could be obtained by blending #04ffff with #00b9d9. Closest websafe color is: #00ccff.

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

● #02dcec color description : Vivid cyan.

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

Hex triplet	02dcec	`#02dcec`
RGB Decimal	2, 220, 236	`rgb(2,220,236)`
RGB Percent	0.8, 86.3, 92.5	`rgb(0.8%,86.3%,92.5%)`
CMYK	99, 7, 0, 7
HSL	184.1°, 98.3, 46.7	`hsl(184.1,98.3%,46.7%)`
HSV (or HSB)	184.1°, 99.2, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.321, -38.141, -20.406
XYZ	40.754, 57.251, 88.255
xyY	0.219, 0.307, 57.251
CIE-LCH	80.321, 43.257, 208.147
CIE-LUV	80.321, -60.38, -26.92
Hunter-Lab	75.665, -36.27, -16.19
Binary	00000010, 11011100, 11101100

#02dcec
```
#02dcec rgb(2,220,236)
```
#ec1202
```
#ec1202 rgb(236,18,2)
```

Complementary Color

#02ec87
```
#02ec87 rgb(2,236,135)
```
#02dcec
```
#02dcec rgb(2,220,236)
```
#0267ec
```
#0267ec rgb(2,103,236)
```

Analogous Color

#ec8702
```
#ec8702 rgb(236,135,2)
```
#02dcec
```
#02dcec rgb(2,220,236)
```
#ec0267
```
#ec0267 rgb(236,2,103)
```

Split Complementary Color

#dcec02
```
#dcec02 rgb(220,236,2)
```
#02dcec
```
#02dcec rgb(2,220,236)
```
#ec02dc
```
#ec02dc rgb(236,2,220)
```

Triadic Color

#0195a0
```
#0195a0 rgb(1,149,160)
```
#02adb9
```
#02adb9 rgb(2,173,185)
```
#02c4d3
```
#02c4d3 rgb(2,196,211)
```
#02dcec
```
#02dcec rgb(2,220,236)
```
#0becfd
```
#0becfd rgb(11,236,253)
```
#24eefd
```
#24eefd rgb(36,238,253)
```
#3df0fd
```
#3df0fd rgb(61,240,253)
```

Monochromatic Color

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

#02ecc2
```
#02ecc2 rgb(2,236,194)
```
#02ecd5
```
#02ecd5 rgb(2,236,213)
```
#02ece9
```
#02ece9 rgb(2,236,233)
```
#02dcec
```
#02dcec rgb(2,220,236)
```
#02c9ec
```
#02c9ec rgb(2,201,236)
```
#02b5ec
```
#02b5ec rgb(2,181,236)
```
#02a2ec
```
#02a2ec rgb(2,162,236)
```

Similar Colors

Text with hexadecimal color #02dcec

This text has a font color of #02dcec.

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

#02dcec background color

This paragraph has a background color of #02dcec.

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

#02dcec border color

This element has a border color of #02dcec.

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

CSS codes

.text {color:#02dcec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001516
```
#001516 rgb(0,21,22)
```
#002729
```
#002729 rgb(0,39,41)
```
#01393d
```
#01393d rgb(1,57,61)
```
#014b50
```
#014b50 rgb(1,75,80)
```
#015d64
```
#015d64 rgb(1,93,100)
```
#016f77
```
#016f77 rgb(1,111,119)
```
#01818b
```
#01818b rgb(1,129,139)
```
#01939e
```
#01939e rgb(1,147,158)
```
#02a6b2
```
#02a6b2 rgb(2,166,178)
```
#02b8c5
```
#02b8c5 rgb(2,184,197)
```
#02cad9
```
#02cad9 rgb(2,202,217)
```
#02dcec
```
#02dcec rgb(2,220,236)
```

Shade Color Variation

#05ecfd
```
#05ecfd rgb(5,236,253)
```
#18edfd
```
#18edfd rgb(24,237,253)
```
#2ceffd
```
#2ceffd rgb(44,239,253)
```
#3ff0fd
```
#3ff0fd rgb(63,240,253)
```
#53f2fe
```
#53f2fe rgb(83,242,254)
```
#66f3fe
```
#66f3fe rgb(102,243,254)
```
#79f5fe
```
#79f5fe rgb(121,245,254)
```
#8df6fe
```
#8df6fe rgb(141,246,254)
```
#a0f8fe
```
#a0f8fe rgb(160,248,254)
```
#b4f9fe
```
#b4f9fe rgb(180,249,254)
```
#c7fbff
```
#c7fbff rgb(199,251,255)
```
#dbfcff
```
#dbfcff rgb(219,252,255)
```
#eefeff
```
#eefeff rgb(238,254,255)
```

Tint Color Variation

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

#707d7e
```
#707d7e rgb(112,125,126)
```
#678587
```
#678587 rgb(103,133,135)
```
#5e8d90
```
#5e8d90 rgb(94,141,144)
```
#54959a
```
#54959a rgb(84,149,154)
```
#4b9da3
```
#4b9da3 rgb(75,157,163)
```
#42a5ac
```
#42a5ac rgb(66,165,172)
```
#39adb5
```
#39adb5 rgb(57,173,181)
```
#30b4be
```
#30b4be rgb(48,180,190)
```
#27bcc7
```
#27bcc7 rgb(39,188,199)
```
#1dc4d1
```
#1dc4d1 rgb(29,196,209)
```
#14ccda
```
#14ccda rgb(20,204,218)
```
#0bd4e3
```
#0bd4e3 rgb(11,212,227)
```
#02dcec
```
#02dcec rgb(2,220,236)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#7eaaad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c8e0 Protanopia 1% of men
#c5c6f5 Deuteranopia 1% of men
#13dded Tritanopia 0.001% of the population

Trichromacy

#7fcfe4 Protanomaly 1% of men, 0.01% of women
#7ecef2 Deuteranomaly 6% of men, 0.4% of women
#0cdded Tritanomaly 0.01% of the population