colorhexa.com

#02bdb7 hex color

In a RGB color space, hex #02bdb7 is composed of 0.8% red, 74.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 3.2% yellow and 25.9% black. It has a hue angle of 178.1 degrees, a saturation of 97.9% and a lightness of 37.5%. #02bdb7 color hex could be obtained by blending #04ffff with #007b6f. Closest websafe color is: #00cccc.

- R 1
- G 74
- B 72
RGB color chart
- C 99
- M 0
- Y 3
- K 26
CMYK color chart

● #02bdb7 color description : Strong cyan.

The hexadecimal color #02bdb7 has RGB values of R:2, G:189, B:183 and CMYK values of C:0.99, M:0, Y:0.03, K:0.26. Its decimal value is 179639.

Hex triplet	02bdb7	`#02bdb7`
RGB Decimal	2, 189, 183	`rgb(2,189,183)`
RGB Percent	0.8, 74.1, 71.8	`rgb(0.8%,74.1%,71.8%)`
CMYK	99, 0, 3, 26
HSL	178.1°, 97.9, 37.5	`hsl(178.1,97.9%,37.5%)`
HSV (or HSB)	178.1°, 98.9, 74.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.344, -40.126, -8.251
XYZ	26.767, 39.824, 51.073
xyY	0.227, 0.338, 39.824
CIE-LCH	69.344, 40.966, 191.62
CIE-LUV	69.344, -54.183, -6.544
Hunter-Lab	63.106, -34.724, -3.81
Binary	00000010, 10111101, 10110111

#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#bd0208
```
#bd0208 rgb(189,2,8)
```

Complementary Color

#02bd5a
```
#02bd5a rgb(2,189,90)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#0266bd
```
#0266bd rgb(2,102,189)
```

Analogous Color

#bd5a02
```
#bd5a02 rgb(189,90,2)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#bd0266
```
#bd0266 rgb(189,2,102)
```

Split Complementary Color

#bdb702
```
#bdb702 rgb(189,183,2)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#b702bd
```
#b702bd rgb(183,2,189)
```

Triadic Color

#01716e
```
#01716e rgb(1,113,110)
```
#018b86
```
#018b86 rgb(1,139,134)
```
#02a49f
```
#02a49f rgb(2,164,159)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#02d6cf
```
#02d6cf rgb(2,214,207)
```
#03efe8
```
#03efe8 rgb(3,239,232)
```
#0ffcf5
```
#0ffcf5 rgb(15,252,245)
```

Monochromatic Color

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

#02bd88
```
#02bd88 rgb(2,189,136)
```
#02bd98
```
#02bd98 rgb(2,189,152)
```
#02bda7
```
#02bda7 rgb(2,189,167)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#02b3bd
```
#02b3bd rgb(2,179,189)
```
#02a4bd
```
#02a4bd rgb(2,164,189)
```
#0294bd
```
#0294bd rgb(2,148,189)
```

Similar Colors

Text with hexadecimal color #02bdb7

This text has a font color of #02bdb7.

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

#02bdb7 background color

This paragraph has a background color of #02bdb7.

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

#02bdb7 border color

This element has a border color of #02bdb7.

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

CSS codes

.text {color:#02bdb7;}

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

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

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, #000e0e is the darkest color, while #faffff is the lightest one.

#000e0e
```
#000e0e rgb(0,14,14)
```
#002221
```
#002221 rgb(0,34,33)
```
#013533
```
#013533 rgb(1,53,51)
```
#014946
```
#014946 rgb(1,73,70)
```
#015c59
```
#015c59 rgb(1,92,89)
```
#016f6c
```
#016f6c rgb(1,111,108)
```
#01837f
```
#01837f rgb(1,131,127)
```
#029691
```
#029691 rgb(2,150,145)
```
#02aaa4
```
#02aaa4 rgb(2,170,164)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```
#02d0ca
```
#02d0ca rgb(2,208,202)
```
#02e4dd
```
#02e4dd rgb(2,228,221)
```
#03f7ef
```
#03f7ef rgb(3,247,239)
```

Shade Color Variation

#11fcf5
```
#11fcf5 rgb(17,252,245)
```
#24fdf6
```
#24fdf6 rgb(36,253,246)
```
#38fdf7
```
#38fdf7 rgb(56,253,247)
```
#4bfdf7
```
#4bfdf7 rgb(75,253,247)
```
#5ffdf8
```
#5ffdf8 rgb(95,253,248)
```
#72fef9
```
#72fef9 rgb(114,254,249)
```
#85fefa
```
#85fefa rgb(133,254,250)
```
#99fefb
```
#99fefb rgb(153,254,251)
```
#acfefb
```
#acfefb rgb(172,254,251)
```
#c0fefc
```
#c0fefc rgb(192,254,252)
```
#d3fffd
```
#d3fffd rgb(211,255,253)
```
#e6fffe
```
#e6fffe rgb(230,255,254)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#5a6565
```
#5a6565 rgb(90,101,101)
```
#536c6b
```
#536c6b rgb(83,108,107)
```
#4b7472
```
#4b7472 rgb(75,116,114)
```
#447b79
```
#447b79 rgb(68,123,121)
```
#3d8280
```
#3d8280 rgb(61,130,128)
```
#358a87
```
#358a87 rgb(53,138,135)
```
#2e918e
```
#2e918e rgb(46,145,142)
```
#279895
```
#279895 rgb(39,152,149)
```
#1fa09c
```
#1fa09c rgb(31,160,156)
```
#18a7a2
```
#18a7a2 rgb(24,167,162)
```
#11aea9
```
#11aea9 rgb(17,174,169)
```
#09b6b0
```
#09b6b0 rgb(9,182,176)
```
#02bdb7
```
#02bdb7 rgb(2,189,183)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#afacaf Protanopia 1% of men
#b3a9c3 Deuteranopia 1% of men
#31bdcb Tritanopia 0.001% of the population

Trichromacy

#70b2b2 Protanomaly 1% of men, 0.01% of women
#72b0be Deuteranomaly 6% of men, 0.4% of women
#20bdc4 Tritanomaly 0.01% of the population