#02b296 hex color

In a RGB color space, hex #02b296 is composed of 0.8% red, 69.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 15.7% yellow and 30.2% black. It has a hue angle of 170.5 degrees, a saturation of 97.8% and a lightness of 35.3%. #02b296 color hex could be obtained by blending #04ffff with #00652d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 70
- B 59
RGB color chart
- C 99
- M 0
- Y 16
- K 30
CMYK color chart

● #02b296 color description : Dark cyan.

The hexadecimal color #02b296 has RGB values of R:2, G:178, B:150 and CMYK values of C:0.99, M:0, Y:0.16, K:0.3. Its decimal value is 176790.

Hex triplet	02b296	`#02b296`
RGB Decimal	2, 178, 150	`rgb(2,178,150)`
RGB Percent	0.8, 69.8, 58.8	`rgb(0.8%,69.8%,58.8%)`
CMYK	99, 0, 16, 30
HSL	170.5°, 97.8, 35.3	`hsl(170.5,97.8%,35.3%)`
HSV (or HSB)	170.5°, 98.9, 69.8
Web Safe	009999	`#009999`

CIE-LAB	65.005, -44.752, 3.586
XYZ	21.448, 34.053, 34.295
xyY	0.239, 0.379, 34.053
CIE-LCH	65.005, 44.895, 175.419
CIE-LUV	65.005, -53.036, 12.007
Hunter-Lab	58.355, -36.514, 6.004
Binary	00000010, 10110010, 10010110

#02b296
```
#02b296 rgb(2,178,150)
```
#b2021e
```
#b2021e rgb(178,2,30)
```

Complementary Color

#02b23e
```
#02b23e rgb(2,178,62)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#0276b2
```
#0276b2 rgb(2,118,178)
```

Analogous Color

#b23e02
```
#b23e02 rgb(178,62,2)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#b20276
```
#b20276 rgb(178,2,118)
```

Split Complementary Color

#b29602
```
#b29602 rgb(178,150,2)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#9602b2
```
#9602b2 rgb(150,2,178)
```

Triadic Color

#1eb202
```
#1eb202 rgb(30,178,2)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#9602b2
```
#9602b2 rgb(150,2,178)
```
#b2021e
```
#b2021e rgb(178,2,30)
```

Tetradic Color

#016656
```
#016656 rgb(1,102,86)
```
#01806c
```
#01806c rgb(1,128,108)
```
#029981
```
#029981 rgb(2,153,129)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#02cbab
```
#02cbab rgb(2,203,171)
```
#03e4c1
```
#03e4c1 rgb(3,228,193)
```
#04fcd5
```
#04fcd5 rgb(4,252,213)
```

Monochromatic Color

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

#02b26a
```
#02b26a rgb(2,178,106)
```
#02b279
```
#02b279 rgb(2,178,121)
```
#02b287
```
#02b287 rgb(2,178,135)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#02b2a5
```
#02b2a5 rgb(2,178,165)
```
#02b1b2
```
#02b1b2 rgb(2,177,178)
```
#02a2b2
```
#02a2b2 rgb(2,162,178)
```

Similar Colors

Text with hexadecimal color #02b296

This text has a font color of #02b296.

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

#02b296 background color

This paragraph has a background color of #02b296.

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

#02b296 border color

This element has a border color of #02b296.

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

CSS codes

.text {color:#02b296;}

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

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

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 #effffc is the lightest one.

#000303
```
#000303 rgb(0,3,3)
```
#001713
```
#001713 rgb(0,23,19)
```
#002a24
```
#002a24 rgb(0,42,36)
```
#013e34
```
#013e34 rgb(1,62,52)
```
#015144
```
#015144 rgb(1,81,68)
```
#016455
```
#016455 rgb(1,100,85)
```
#017865
```
#017865 rgb(1,120,101)
```
#028b75
```
#028b75 rgb(2,139,117)
```
#029f86
```
#029f86 rgb(2,159,134)
```
#02b296
```
#02b296 rgb(2,178,150)
```
#02c5a6
```
#02c5a6 rgb(2,197,166)
```
#02d9b7
```
#02d9b7 rgb(2,217,183)
```
#03ecc7
```
#03ecc7 rgb(3,236,199)
```

Shade Color Variation

#06fcd5
```
#06fcd5 rgb(6,252,213)
```
#1afcd8
```
#1afcd8 rgb(26,252,216)
```
#2dfddc
```
#2dfddc rgb(45,253,220)
```
#40fddf
```
#40fddf rgb(64,253,223)
```
#54fde2
```
#54fde2 rgb(84,253,226)
```
#67fde5
```
#67fde5 rgb(103,253,229)
```
#7bfee9
```
#7bfee9 rgb(123,254,233)
```
#8efeec
```
#8efeec rgb(142,254,236)
```
#a1feef
```
#a1feef rgb(161,254,239)
```
#b5fef3
```
#b5fef3 rgb(181,254,243)
```
#c8fef6
```
#c8fef6 rgb(200,254,246)
```
#dcfff9
```
#dcfff9 rgb(220,255,249)
```
#effffc
```
#effffc rgb(239,255,252)
```

Tint Color Variation

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

#555f5d
```
#555f5d rgb(85,95,93)
```
#4e6662
```
#4e6662 rgb(78,102,98)
```
#476d67
```
#476d67 rgb(71,109,103)
```
#40746c
```
#40746c rgb(64,116,108)
```
#397b70
```
#397b70 rgb(57,123,112)
```
#328275
```
#328275 rgb(50,130,117)
```
#2c887a
```
#2c887a rgb(44,136,122)
```
#258f7e
```
#258f7e rgb(37,143,126)
```
#1e9683
```
#1e9683 rgb(30,150,131)
```
#179d88
```
#179d88 rgb(23,157,136)
```
#10a48d
```
#10a48d rgb(16,164,141)
```
#09ab91
```
#09ab91 rgb(9,171,145)
```
#02b296
```
#02b296 rgb(2,178,150)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#628580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a291 Protanopia 1% of men
#b19ea4 Deuteranopia 1% of men
#3eb1bd Tritanopia 0.001% of the population

Trichromacy

#6ca793 Protanomaly 1% of men, 0.01% of women
#71a59e Deuteranomaly 6% of men, 0.4% of women
#28b1af Tritanomaly 0.01% of the population

#02b296 hex color

#02b296 Color Information

#02b296 Color Conversion

Color Schemes with #02b296

Alternatives to #02b296

#02b296 Preview

Shades and Tints of #02b296

Tones of #02b296

Color Blindness Simulator