#02bdc6 hex color

In a RGB color space, hex #02bdc6 is composed of 0.8% red, 74.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 4.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 182.8 degrees, a saturation of 98% and a lightness of 39.2%. #02bdc6 color hex could be obtained by blending #04ffff with #007b8d. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 74
- B 78
RGB color chart
- C 99
- M 5
- Y 0
- K 22
CMYK color chart

● #02bdc6 color description : Strong cyan.

The hexadecimal color #02bdc6 has RGB values of R:2, G:189, B:198 and CMYK values of C:0.99, M:0.05, Y:0, K:0.22. Its decimal value is 179654.

Hex triplet	02bdc6	`#02bdc6`
RGB Decimal	2, 189, 198	`rgb(2,189,198)`
RGB Percent	0.8, 74.1, 77.6	`rgb(0.8%,74.1%,77.6%)`
CMYK	99, 5, 0, 22
HSL	182.8°, 98, 39.2	`hsl(182.8,98%,39.2%)`
HSV (or HSB)	182.8°, 99, 77.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.812, -35.559, -15.779
XYZ	28.413, 40.482, 59.739
xyY	0.221, 0.315, 40.482
CIE-LCH	69.812, 38.903, 203.929
CIE-LUV	69.812, -52.973, -19.257
Hunter-Lab	63.626, -31.635, -11.13
Binary	00000010, 10111101, 11000110

#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#c60b02
```
#c60b02 rgb(198,11,2)
```

Complementary Color

#02c66d
```
#02c66d rgb(2,198,109)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#025bc6
```
#025bc6 rgb(2,91,198)
```

Analogous Color

#c66d02
```
#c66d02 rgb(198,109,2)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#c6025b
```
#c6025b rgb(198,2,91)
```

Split Complementary Color

#bdc602
```
#bdc602 rgb(189,198,2)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#c602bd
```
#c602bd rgb(198,2,189)
```

Triadic Color

#02c60b
```
#02c60b rgb(2,198,11)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#c602bd
```
#c602bd rgb(198,2,189)
```
#c60b02
```
#c60b02 rgb(198,11,2)
```

Tetradic Color

#01757a
```
#01757a rgb(1,117,122)
```
#018d94
```
#018d94 rgb(1,141,148)
```
#02a5ad
```
#02a5ad rgb(2,165,173)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#02d5df
```
#02d5df rgb(2,213,223)
```
#03edf8
```
#03edf8 rgb(3,237,248)
```
#18f2fd
```
#18f2fd rgb(24,242,253)
```

Monochromatic Color

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

#02c69e
```
#02c69e rgb(2,198,158)
```
#02c6ae
```
#02c6ae rgb(2,198,174)
```
#02c6bf
```
#02c6bf rgb(2,198,191)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#02adc6
```
#02adc6 rgb(2,173,198)
```
#029cc6
```
#029cc6 rgb(2,156,198)
```
#028cc6
```
#028cc6 rgb(2,140,198)
```

Similar Colors

Text with hexadecimal color #02bdc6

This text has a font color of #02bdc6.

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

#02bdc6 background color

This paragraph has a background color of #02bdc6.

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

#02bdc6 border color

This element has a border color of #02bdc6.

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

CSS codes

.text {color:#02bdc6;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001617
```
#001617 rgb(0,22,23)
```
#00292b
```
#00292b rgb(0,41,43)
```
#013b3e
```
#013b3e rgb(1,59,62)
```
#014e51
```
#014e51 rgb(1,78,81)
```
#016065
```
#016065 rgb(1,96,101)
```
#017378
```
#017378 rgb(1,115,120)
```
#01858c
```
#01858c rgb(1,133,140)
```
#02989f
```
#02989f rgb(2,152,159)
```
#02aab3
```
#02aab3 rgb(2,170,179)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```
#02d0d9
```
#02d0d9 rgb(2,208,217)
```
#02e2ed
```
#02e2ed rgb(2,226,237)
```

Shade Color Variation

#06f1fc
```
#06f1fc rgb(6,241,252)
```
#1af2fd
```
#1af2fd rgb(26,242,253)
```
#2df3fd
```
#2df3fd rgb(45,243,253)
```
#41f4fd
```
#41f4fd rgb(65,244,253)
```
#54f6fd
```
#54f6fd rgb(84,246,253)
```
#67f7fd
```
#67f7fd rgb(103,247,253)
```
#7bf8fe
```
#7bf8fe rgb(123,248,254)
```
#8ef9fe
```
#8ef9fe rgb(142,249,254)
```
#a2fafe
```
#a2fafe rgb(162,250,254)
```
#b5fbfe
```
#b5fbfe rgb(181,251,254)
```
#c9fcfe
```
#c9fcfe rgb(201,252,254)
```
#dcfdff
```
#dcfdff rgb(220,253,255)
```
#effeff
```
#effeff rgb(239,254,255)
```

Tint Color Variation

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

#5e696a
```
#5e696a rgb(94,105,106)
```
#577071
```
#577071 rgb(87,112,113)
```
#4f7779
```
#4f7779 rgb(79,119,121)
```
#477e81
```
#477e81 rgb(71,126,129)
```
#408588
```
#408588 rgb(64,133,136)
```
#388c90
```
#388c90 rgb(56,140,144)
```
#309398
```
#309398 rgb(48,147,152)
```
#289aa0
```
#289aa0 rgb(40,154,160)
```
#21a1a7
```
#21a1a7 rgb(33,161,167)
```
#19a8af
```
#19a8af rgb(25,168,175)
```
#11afb7
```
#11afb7 rgb(17,175,183)
```
#0ab6be
```
#0ab6be rgb(10,182,190)
```
#02bdc6
```
#02bdc6 rgb(2,189,198)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6c9193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadbe Protanopia 1% of men
#adabd0 Deuteranopia 1% of men
#1ebfcd Tritanopia 0.001% of the population

Trichromacy

#6eb3c0 Protanomaly 1% of men, 0.01% of women
#6eb1cc Deuteranomaly 6% of men, 0.4% of women
#14beca Tritanomaly 0.01% of the population

#02bdc6 hex color

#02bdc6 Color Information

#02bdc6 Color Conversion

Color Schemes with #02bdc6

Alternatives to #02bdc6

#02bdc6 Preview

Shades and Tints of #02bdc6

Tones of #02bdc6

Color Blindness Simulator