#02b299 hex color

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

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

● #02b299 color description : Dark cyan.

The hexadecimal color #02b299 has RGB values of R:2, G:178, B:153 and CMYK values of C:0.99, M:0, Y:0.14, K:0.3. Its decimal value is 176793.

Hex triplet	02b299	`#02b299`
RGB Decimal	2, 178, 153	`rgb(2,178,153)`
RGB Percent	0.8, 69.8, 60	`rgb(0.8%,69.8%,60%)`
CMYK	99, 0, 14, 30
HSL	171.5°, 97.8, 35.3	`hsl(171.5,97.8%,35.3%)`
HSV (or HSB)	171.5°, 98.9, 69.8
Web Safe	009999	`#009999`

CIE-LAB	65.082, -43.932, 2.036
XYZ	21.693, 34.151, 35.584
xyY	0.237, 0.374, 34.151
CIE-LCH	65.082, 43.98, 177.346
CIE-LUV	65.082, -52.802, 9.629
Hunter-Lab	58.439, -36.008, 4.805
Binary	00000010, 10110010, 10011001

#02b299
```
#02b299 rgb(2,178,153)
```
#b2021b
```
#b2021b rgb(178,2,27)
```

Complementary Color

#02b241
```
#02b241 rgb(2,178,65)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#0273b2
```
#0273b2 rgb(2,115,178)
```

Analogous Color

#b24102
```
#b24102 rgb(178,65,2)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#b20273
```
#b20273 rgb(178,2,115)
```

Split Complementary Color

#b29902
```
#b29902 rgb(178,153,2)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#9902b2
```
#9902b2 rgb(153,2,178)
```

Triadic Color

#1bb202
```
#1bb202 rgb(27,178,2)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#9902b2
```
#9902b2 rgb(153,2,178)
```
#b2021b
```
#b2021b rgb(178,2,27)
```

Tetradic Color

#016658
```
#016658 rgb(1,102,88)
```
#01806e
```
#01806e rgb(1,128,110)
```
#029983
```
#029983 rgb(2,153,131)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#02cbaf
```
#02cbaf rgb(2,203,175)
```
#03e4c4
```
#03e4c4 rgb(3,228,196)
```
#04fcd9
```
#04fcd9 rgb(4,252,217)
```

Monochromatic Color

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

#02b26d
```
#02b26d rgb(2,178,109)
```
#02b27c
```
#02b27c rgb(2,178,124)
```
#02b28a
```
#02b28a rgb(2,178,138)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#02b2a8
```
#02b2a8 rgb(2,178,168)
```
#02aeb2
```
#02aeb2 rgb(2,174,178)
```
#029fb2
```
#029fb2 rgb(2,159,178)
```

Similar Colors

Text with hexadecimal color #02b299

This text has a font color of #02b299.

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

#02b299 background color

This paragraph has a background color of #02b299.

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

#02b299 border color

This element has a border color of #02b299.

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

CSS codes

.text {color:#02b299;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001714
```
#001714 rgb(0,23,20)
```
#002a24
```
#002a24 rgb(0,42,36)
```
#013e35
```
#013e35 rgb(1,62,53)
```
#015146
```
#015146 rgb(1,81,70)
```
#016456
```
#016456 rgb(1,100,86)
```
#017867
```
#017867 rgb(1,120,103)
```
#028b78
```
#028b78 rgb(2,139,120)
```
#029f88
```
#029f88 rgb(2,159,136)
```
#02b299
```
#02b299 rgb(2,178,153)
```
#02c5aa
```
#02c5aa rgb(2,197,170)
```
#02d9ba
```
#02d9ba rgb(2,217,186)
```
#03eccb
```
#03eccb rgb(3,236,203)
```

Shade Color Variation

#06fcd9
```
#06fcd9 rgb(6,252,217)
```
#1afcdc
```
#1afcdc rgb(26,252,220)
```
#2dfddf
```
#2dfddf rgb(45,253,223)
```
#40fde2
```
#40fde2 rgb(64,253,226)
```
#54fde5
```
#54fde5 rgb(84,253,229)
```
#67fde8
```
#67fde8 rgb(103,253,232)
```
#7bfeeb
```
#7bfeeb rgb(123,254,235)
```
#8efeee
```
#8efeee rgb(142,254,238)
```
#a1fef1
```
#a1fef1 rgb(161,254,241)
```
#b5fef4
```
#b5fef4 rgb(181,254,244)
```
#c8fef7
```
#c8fef7 rgb(200,254,247)
```
#dcfffa
```
#dcfffa rgb(220,255,250)
```
#effffd
```
#effffd rgb(239,255,253)
```

Tint Color Variation

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

#555f5e
```
#555f5e rgb(85,95,94)
```
#4e6662
```
#4e6662 rgb(78,102,98)
```
#476d67
```
#476d67 rgb(71,109,103)
```
#40746c
```
#40746c rgb(64,116,108)
```
#397b71
```
#397b71 rgb(57,123,113)
```
#328276
```
#328276 rgb(50,130,118)
```
#2c887b
```
#2c887b rgb(44,136,123)
```
#258f80
```
#258f80 rgb(37,143,128)
```
#1e9685
```
#1e9685 rgb(30,150,133)
```
#179d8a
```
#179d8a rgb(23,157,138)
```
#10a48f
```
#10a48f rgb(16,164,143)
```
#09ab94
```
#09ab94 rgb(9,171,148)
```
#02b299
```
#02b299 rgb(2,178,153)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#638681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a294 Protanopia 1% of men
#b09ea6 Deuteranopia 1% of men
#3cb1be Tritanopia 0.001% of the population

Trichromacy

#6ca896 Protanomaly 1% of men, 0.01% of women
#70a5a1 Deuteranomaly 6% of men, 0.4% of women
#27b1b0 Tritanomaly 0.01% of the population

#02b299 hex color

#02b299 Color Information

#02b299 Color Conversion

Color Schemes with #02b299

Alternatives to #02b299

#02b299 Preview

Shades and Tints of #02b299

Tones of #02b299

Color Blindness Simulator