#02bca2 hex color

In a RGB color space, hex #02bca2 is composed of 0.8% red, 73.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 13.8% yellow and 26.3% black. It has a hue angle of 171.6 degrees, a saturation of 97.9% and a lightness of 37.3%. #02bca2 color hex could be obtained by blending #04ffff with #007945. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 74
- B 64
RGB color chart
- C 99
- M 0
- Y 14
- K 26
CMYK color chart

● #02bca2 color description : Strong cyan.

The hexadecimal color #02bca2 has RGB values of R:2, G:188, B:162 and CMYK values of C:0.99, M:0, Y:0.14, K:0.26. Its decimal value is 179362.

Hex triplet	02bca2	`#02bca2`
RGB Decimal	2, 188, 162	`rgb(2,188,162)`
RGB Percent	0.8, 73.7, 63.5	`rgb(0.8%,73.7%,63.5%)`
CMYK	99, 0, 14, 26
HSL	171.6°, 97.9, 37.3	`hsl(171.6,97.9%,37.3%)`
HSV (or HSB)	171.6°, 98.9, 73.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.45, -45.68, 1.964
XYZ	24.527, 38.585, 40.335
xyY	0.237, 0.373, 38.585
CIE-LCH	68.45, 45.722, 177.538
CIE-LUV	68.45, -55.515, 9.884
Hunter-Lab	62.117, -38.223, 4.982
Binary	00000010, 10111100, 10100010

#02bca2
```
#02bca2 rgb(2,188,162)
```
#bc021c
```
#bc021c rgb(188,2,28)
```

Complementary Color

#02bc45
```
#02bc45 rgb(2,188,69)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#0279bc
```
#0279bc rgb(2,121,188)
```

Analogous Color

#bc4502
```
#bc4502 rgb(188,69,2)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#bc0279
```
#bc0279 rgb(188,2,121)
```

Split Complementary Color

#bca202
```
#bca202 rgb(188,162,2)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#a202bc
```
#a202bc rgb(162,2,188)
```

Triadic Color

#1cbc02
```
#1cbc02 rgb(28,188,2)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#a202bc
```
#a202bc rgb(162,2,188)
```
#bc021c
```
#bc021c rgb(188,2,28)
```

Tetradic Color

#017061
```
#017061 rgb(1,112,97)
```
#018a77
```
#018a77 rgb(1,138,119)
```
#02a38c
```
#02a38c rgb(2,163,140)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#02d5b8
```
#02d5b8 rgb(2,213,184)
```
#03eecd
```
#03eecd rgb(3,238,205)
```
#0efcdb
```
#0efcdb rgb(14,252,219)
```

Monochromatic Color

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

#02bc74
```
#02bc74 rgb(2,188,116)
```
#02bc83
```
#02bc83 rgb(2,188,131)
```
#02bc93
```
#02bc93 rgb(2,188,147)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#02bcb2
```
#02bcb2 rgb(2,188,178)
```
#02b7bc
```
#02b7bc rgb(2,183,188)
```
#02a8bc
```
#02a8bc rgb(2,168,188)
```

Similar Colors

Text with hexadecimal color #02bca2

This text has a font color of #02bca2.

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

#02bca2 background color

This paragraph has a background color of #02bca2.

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

#02bca2 border color

This element has a border color of #02bca2.

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

CSS codes

.text {color:#02bca2;}

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

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

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

#000d0b
```
#000d0b rgb(0,13,11)
```
#00211c
```
#00211c rgb(0,33,28)
```
#01342d
```
#01342d rgb(1,52,45)
```
#01483e
```
#01483e rgb(1,72,62)
```
#015b4e
```
#015b4e rgb(1,91,78)
```
#016e5f
```
#016e5f rgb(1,110,95)
```
#018270
```
#018270 rgb(1,130,112)
```
#029581
```
#029581 rgb(2,149,129)
```
#02a991
```
#02a991 rgb(2,169,145)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```
#02cfb3
```
#02cfb3 rgb(2,207,179)
```
#02e3c3
```
#02e3c3 rgb(2,227,195)
```
#03f6d4
```
#03f6d4 rgb(3,246,212)
```

Shade Color Variation

#10fcdb
```
#10fcdb rgb(16,252,219)
```
#23fdde
```
#23fdde rgb(35,253,222)
```
#37fde1
```
#37fde1 rgb(55,253,225)
```
#4afde4
```
#4afde4 rgb(74,253,228)
```
#5efde7
```
#5efde7 rgb(94,253,231)
```
#71fdea
```
#71fdea rgb(113,253,234)
```
#84feed
```
#84feed rgb(132,254,237)
```
#98fef0
```
#98fef0 rgb(152,254,240)
```
#abfef3
```
#abfef3 rgb(171,254,243)
```
#bffef5
```
#bffef5 rgb(191,254,245)
```
#d2fff8
```
#d2fff8 rgb(210,255,248)
```
#e6fffb
```
#e6fffb rgb(230,255,251)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#5a6463
```
#5a6463 rgb(90,100,99)
```
#526c68
```
#526c68 rgb(82,108,104)
```
#4b736d
```
#4b736d rgb(75,115,109)
```
#447a73
```
#447a73 rgb(68,122,115)
```
#3c8278
```
#3c8278 rgb(60,130,120)
```
#35897d
```
#35897d rgb(53,137,125)
```
#2e9082
```
#2e9082 rgb(46,144,130)
```
#279788
```
#279788 rgb(39,151,136)
```
#1f9f8d
```
#1f9f8d rgb(31,159,141)
```
#18a692
```
#18a692 rgb(24,166,146)
```
#11ad97
```
#11ad97 rgb(17,173,151)
```
#09b59d
```
#09b59d rgb(9,181,157)
```
#02bca2
```
#02bca2 rgb(2,188,162)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#688d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa9c Protanopia 1% of men
#b9a6af Deuteranopia 1% of men
#3fbac8 Tritanopia 0.001% of the population

Trichromacy

#72b19e Protanomaly 1% of men, 0.01% of women
#76aeaa Deuteranomaly 6% of men, 0.4% of women
#29bbba Tritanomaly 0.01% of the population

#02bca2 hex color

#02bca2 Color Information

#02bca2 Color Conversion

Color Schemes with #02bca2

Alternatives to #02bca2

#02bca2 Preview

Shades and Tints of #02bca2

Tones of #02bca2

Color Blindness Simulator