#02bac5 hex color

In a RGB color space, hex #02bac5 is composed of 0.8% red, 72.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 5.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 183.4 degrees, a saturation of 98% and a lightness of 39%. #02bac5 color hex could be obtained by blending #04ffff with #00758b. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 73
- B 77
RGB color chart
- C 99
- M 6
- Y 0
- K 23
CMYK color chart

● #02bac5 color description : Strong cyan.

The hexadecimal color #02bac5 has RGB values of R:2, G:186, B:197 and CMYK values of C:0.99, M:0.06, Y:0, K:0.23. Its decimal value is 178885.

Hex triplet	02bac5	`#02bac5`
RGB Decimal	2, 186, 197	`rgb(2,186,197)`
RGB Percent	0.8, 72.9, 77.3	`rgb(0.8%,72.9%,77.3%)`
CMYK	99, 6, 0, 23
HSL	183.4°, 98, 39	`hsl(183.4,98%,39%)`
HSV (or HSB)	183.4°, 99, 77.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.866, -34.467, -16.658
XYZ	27.659, 39.159, 58.921
xyY	0.22, 0.311, 39.159
CIE-LCH	68.866, 38.281, 205.795
CIE-LUV	68.866, -52.028, -20.805
Hunter-Lab	62.577, -30.614, -12.022
Binary	00000010, 10111010, 11000101

#02bac5
```
#02bac5 rgb(2,186,197)
```
#c50d02
```
#c50d02 rgb(197,13,2)
```

Complementary Color

#02c56f
```
#02c56f rgb(2,197,111)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#0259c5
```
#0259c5 rgb(2,89,197)
```

Analogous Color

#c56f02
```
#c56f02 rgb(197,111,2)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#c50259
```
#c50259 rgb(197,2,89)
```

Split Complementary Color

#bac502
```
#bac502 rgb(186,197,2)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#c502ba
```
#c502ba rgb(197,2,186)
```

Triadic Color

#02c50d
```
#02c50d rgb(2,197,13)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#c502ba
```
#c502ba rgb(197,2,186)
```
#c50d02
```
#c50d02 rgb(197,13,2)
```

Tetradic Color

#017279
```
#017279 rgb(1,114,121)
```
#018a93
```
#018a93 rgb(1,138,147)
```
#02a2ac
```
#02a2ac rgb(2,162,172)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#02d2de
```
#02d2de rgb(2,210,222)
```
#03eaf7
```
#03eaf7 rgb(3,234,247)
```
#17f0fd
```
#17f0fd rgb(23,240,253)
```

Monochromatic Color

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

#02c59f
```
#02c59f rgb(2,197,159)
```
#02c5b0
```
#02c5b0 rgb(2,197,176)
```
#02c5c0
```
#02c5c0 rgb(2,197,192)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#02aac5
```
#02aac5 rgb(2,170,197)
```
#029ac5
```
#029ac5 rgb(2,154,197)
```
#0289c5
```
#0289c5 rgb(2,137,197)
```

Similar Colors

Text with hexadecimal color #02bac5

This text has a font color of #02bac5.

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

#02bac5 background color

This paragraph has a background color of #02bac5.

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

#02bac5 border color

This element has a border color of #02bac5.

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

CSS codes

.text {color:#02bac5;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001516
```
#001516 rgb(0,21,22)
```
#00272a
```
#00272a rgb(0,39,42)
```
#013a3d
```
#013a3d rgb(1,58,61)
```
#014c50
```
#014c50 rgb(1,76,80)
```
#015e64
```
#015e64 rgb(1,94,100)
```
#017177
```
#017177 rgb(1,113,119)
```
#01838b
```
#01838b rgb(1,131,139)
```
#02959e
```
#02959e rgb(2,149,158)
```
#02a8b2
```
#02a8b2 rgb(2,168,178)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```
#02ccd8
```
#02ccd8 rgb(2,204,216)
```
#02dfec
```
#02dfec rgb(2,223,236)
```

Shade Color Variation

#05effc
```
#05effc rgb(5,239,252)
```
#19f0fd
```
#19f0fd rgb(25,240,253)
```
#2cf1fd
```
#2cf1fd rgb(44,241,253)
```
#40f2fd
```
#40f2fd rgb(64,242,253)
```
#53f4fd
```
#53f4fd rgb(83,244,253)
```
#66f5fd
```
#66f5fd rgb(102,245,253)
```
#7af6fe
```
#7af6fe rgb(122,246,254)
```
#8df7fe
```
#8df7fe rgb(141,247,254)
```
#a1f9fe
```
#a1f9fe rgb(161,249,254)
```
#b4fafe
```
#b4fafe rgb(180,250,254)
```
#c8fbfe
```
#c8fbfe rgb(200,251,254)
```
#dbfdff
```
#dbfdff rgb(219,253,255)
```
#eefeff
```
#eefeff rgb(238,254,255)
```

Tint Color Variation

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

#5e6969
```
#5e6969 rgb(94,105,105)
```
#566f71
```
#566f71 rgb(86,111,113)
```
#4f7678
```
#4f7678 rgb(79,118,120)
```
#477d80
```
#477d80 rgb(71,125,128)
```
#3f8488
```
#3f8488 rgb(63,132,136)
```
#388a8f
```
#388a8f rgb(56,138,143)
```
#309197
```
#309197 rgb(48,145,151)
```
#28989f
```
#28989f rgb(40,152,159)
```
#219fa6
```
#219fa6 rgb(33,159,166)
```
#19a6ae
```
#19a6ae rgb(25,166,174)
```
#11acb6
```
#11acb6 rgb(17,172,182)
```
#0ab3bd
```
#0ab3bd rgb(10,179,189)
```
#02bac5
```
#02bac5 rgb(2,186,197)
```

Tone Color Variation

Below, you can see how #02bac5 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
#6a8f91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabbd Protanopia 1% of men
#a9a9cf Deuteranopia 1% of men
#19bdca Tritanopia 0.001% of the population

Trichromacy

#6db0c0 Protanomaly 1% of men, 0.01% of women
#6cafcb Deuteranomaly 6% of men, 0.4% of women
#11bbc8 Tritanomaly 0.01% of the population

#02bac5 hex color

#02bac5 Color Information

#02bac5 Color Conversion

Color Schemes with #02bac5

Alternatives to #02bac5

#02bac5 Preview

Shades and Tints of #02bac5

Tones of #02bac5

Color Blindness Simulator