#02cced hex color

In a RGB color space, hex #02cced is composed of 0.8% red, 80% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 13.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 188.4 degrees, a saturation of 98.3% and a lightness of 46.9%. #02cced color hex could be obtained by blending #04ffff with #0099db. Closest websafe color is: #00ccff.

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

● #02cced color description : Vivid cyan.

The hexadecimal color #02cced has RGB values of R:2, G:204, B:237 and CMYK values of C:0.99, M:0.14, Y:0, K:0.07. Its decimal value is 183533.

Hex triplet	02cced	`#02cced`
RGB Decimal	2, 204, 237	`rgb(2,204,237)`
RGB Percent	0.8, 80, 92.9	`rgb(0.8%,80%,92.9%)`
CMYK	99, 14, 0, 7
HSL	188.4°, 98.3, 46.9	`hsl(188.4,98.3%,46.9%)`
HSV (or HSB)	188.4°, 99.2, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.643, -30.262, -28.071
XYZ	36.9, 49.309, 87.689
xyY	0.212, 0.284, 49.309
CIE-LCH	75.643, 41.277, 222.848
CIE-LUV	75.643, -54.935, -40.77
Hunter-Lab	70.221, -29.088, -24.885
Binary	00000010, 11001100, 11101101

#02cced
```
#02cced rgb(2,204,237)
```
#ed2302
```
#ed2302 rgb(237,35,2)
```

Complementary Color

#02ed99
```
#02ed99 rgb(2,237,153)
```
#02cced
```
#02cced rgb(2,204,237)
```
#0256ed
```
#0256ed rgb(2,86,237)
```

Analogous Color

#ed9902
```
#ed9902 rgb(237,153,2)
```
#02cced
```
#02cced rgb(2,204,237)
```
#ed0257
```
#ed0257 rgb(237,2,87)
```

Split Complementary Color

#cced02
```
#cced02 rgb(204,237,2)
```
#02cced
```
#02cced rgb(2,204,237)
```
#ed02cc
```
#ed02cc rgb(237,2,204)
```

Triadic Color

#02ed23
```
#02ed23 rgb(2,237,35)
```
#02cced
```
#02cced rgb(2,204,237)
```
#ed02cc
```
#ed02cc rgb(237,2,204)
```
#ed2302
```
#ed2302 rgb(237,35,2)
```

Tetradic Color

#018ba1
```
#018ba1 rgb(1,139,161)
```
#02a0ba
```
#02a0ba rgb(2,160,186)
```
#02b6d4
```
#02b6d4 rgb(2,182,212)
```
#02cced
```
#02cced rgb(2,204,237)
```
#0cdbfd
```
#0cdbfd rgb(12,219,253)
```
#25dffd
```
#25dffd rgb(37,223,253)
```
#3ee3fd
```
#3ee3fd rgb(62,227,253)
```

Monochromatic Color

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

#02edd3
```
#02edd3 rgb(2,237,211)
```
#02ede7
```
#02ede7 rgb(2,237,231)
```
#02e0ed
```
#02e0ed rgb(2,224,237)
```
#02cced
```
#02cced rgb(2,204,237)
```
#02b8ed
```
#02b8ed rgb(2,184,237)
```
#02a5ed
```
#02a5ed rgb(2,165,237)
```
#0291ed
```
#0291ed rgb(2,145,237)
```

Similar Colors

Text with hexadecimal color #02cced

This text has a font color of #02cced.

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

#02cced background color

This paragraph has a background color of #02cced.

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

#02cced border color

This element has a border color of #02cced.

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

CSS codes

.text {color:#02cced;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001417
```
#001417 rgb(0,20,23)
```
#00252a
```
#00252a rgb(0,37,42)
```
#01353e
```
#01353e rgb(1,53,62)
```
#014651
```
#014651 rgb(1,70,81)
```
#015765
```
#015765 rgb(1,87,101)
```
#016878
```
#016878 rgb(1,104,120)
```
#01788c
```
#01788c rgb(1,120,140)
```
#01899f
```
#01899f rgb(1,137,159)
```
#029ab3
```
#029ab3 rgb(2,154,179)
```
#02abc6
```
#02abc6 rgb(2,171,198)
```
#02bbda
```
#02bbda rgb(2,187,218)
```
#02cced
```
#02cced rgb(2,204,237)
```

Shade Color Variation

#06dafd
```
#06dafd rgb(6,218,253)
```
#19ddfd
```
#19ddfd rgb(25,221,253)
```
#2de0fd
```
#2de0fd rgb(45,224,253)
```
#40e3fd
```
#40e3fd rgb(64,227,253)
```
#54e6fe
```
#54e6fe rgb(84,230,254)
```
#67e9fe
```
#67e9fe rgb(103,233,254)
```
#7aebfe
```
#7aebfe rgb(122,235,254)
```
#8eeefe
```
#8eeefe rgb(142,238,254)
```
#a1f1fe
```
#a1f1fe rgb(161,241,254)
```
#b5f4fe
```
#b5f4fe rgb(181,244,254)
```
#c8f7ff
```
#c8f7ff rgb(200,247,255)
```
#dcfaff
```
#dcfaff rgb(220,250,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#707d7f
```
#707d7f rgb(112,125,127)
```
#678388
```
#678388 rgb(103,131,136)
```
#5e8a91
```
#5e8a91 rgb(94,138,145)
```
#55919a
```
#55919a rgb(85,145,154)
```
#4c97a3
```
#4c97a3 rgb(76,151,163)
```
#429ead
```
#429ead rgb(66,158,173)
```
#39a4b6
```
#39a4b6 rgb(57,164,182)
```
#30abbf
```
#30abbf rgb(48,171,191)
```
#27b2c8
```
#27b2c8 rgb(39,178,200)
```
#1eb8d1
```
#1eb8d1 rgb(30,184,209)
```
#14bfdb
```
#14bfdb rgb(20,191,219)
```
#0bc5e4
```
#0bc5e4 rgb(11,197,228)
```
#02cced
```
#02cced rgb(2,204,237)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#769ea5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bce2 Protanopia 1% of men
#afbbf5 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#73c2e6 Protanomaly 1% of men, 0.01% of women
#70c1f2 Deuteranomaly 6% of men, 0.4% of women
#00cee4 Tritanomaly 0.01% of the population

#02cced hex color

#02cced Color Information

#02cced Color Conversion

Color Schemes with #02cced

Alternatives to #02cced

#02cced Preview

Shades and Tints of #02cced

Tones of #02cced

Color Blindness Simulator