#02a0b1 hex color

In a RGB color space, hex #02a0b1 is composed of 0.8% red, 62.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 9.6% magenta, 0% yellow and 30.6% black. It has a hue angle of 185.8 degrees, a saturation of 97.8% and a lightness of 35.1%. #02a0b1 color hex could be obtained by blending #04ffff with #004163. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 63
- B 69
RGB color chart
- C 99
- M 10
- Y 0
- K 31
CMYK color chart

● #02a0b1 color description : Dark cyan.

The hexadecimal color #02a0b1 has RGB values of R:2, G:160, B:177 and CMYK values of C:0.99, M:0.1, Y:0, K:0.31. Its decimal value is 172209.

Hex triplet	02a0b1	`#02a0b1`
RGB Decimal	2, 160, 177	`rgb(2,160,177)`
RGB Percent	0.8, 62.7, 69.4	`rgb(0.8%,62.7%,69.4%)`
CMYK	99, 10, 0, 31
HSL	185.8°, 97.8, 35.1	`hsl(185.8,97.8%,35.1%)`
HSV (or HSB)	185.8°, 98.9, 69.4
Web Safe	009999	`#009999`

CIE-LAB	60.183, -28.378, -18.697
XYZ	20.529, 28.327, 45.978
xyY	0.216, 0.299, 28.327
CIE-LCH	60.183, 33.984, 213.379
CIE-LUV	60.183, -44.654, -24.503
Hunter-Lab	53.223, -24.288, -13.963
Binary	00000010, 10100000, 10110001

#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#b11302
```
#b11302 rgb(177,19,2)
```

Complementary Color

#02b16b
```
#02b16b rgb(2,177,107)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#0249b1
```
#0249b1 rgb(2,73,177)
```

Analogous Color

#b16b02
```
#b16b02 rgb(177,107,2)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#b10249
```
#b10249 rgb(177,2,73)
```

Split Complementary Color

#a0b102
```
#a0b102 rgb(160,177,2)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#b102a0
```
#b102a0 rgb(177,2,160)
```

Triadic Color

#02b113
```
#02b113 rgb(2,177,19)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#b102a0
```
#b102a0 rgb(177,2,160)
```
#b11302
```
#b11302 rgb(177,19,2)
```

Tetradic Color

#015c65
```
#015c65 rgb(1,92,101)
```
#01727f
```
#01727f rgb(1,114,127)
```
#028998
```
#028998 rgb(2,137,152)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#02b7ca
```
#02b7ca rgb(2,183,202)
```
#03cee3
```
#03cee3 rgb(3,206,227)
```
#03e4fc
```
#03e4fc rgb(3,228,252)
```

Monochromatic Color

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

#02b196
```
#02b196 rgb(2,177,150)
```
#02b1a5
```
#02b1a5 rgb(2,177,165)
```
#02afb1
```
#02afb1 rgb(2,175,177)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#0291b1
```
#0291b1 rgb(2,145,177)
```
#0283b1
```
#0283b1 rgb(2,131,177)
```
#0274b1
```
#0274b1 rgb(2,116,177)
```

Similar Colors

Text with hexadecimal color #02a0b1

This text has a font color of #02a0b1.

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

#02a0b1 background color

This paragraph has a background color of #02a0b1.

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

#02a0b1 border color

This element has a border color of #02a0b1.

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

CSS codes

.text {color:#02a0b1;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001416
```
#001416 rgb(0,20,22)
```
#002529
```
#002529 rgb(0,37,41)
```
#01373d
```
#01373d rgb(1,55,61)
```
#014850
```
#014850 rgb(1,72,80)
```
#015a63
```
#015a63 rgb(1,90,99)
```
#016b77
```
#016b77 rgb(1,107,119)
```
#027d8a
```
#027d8a rgb(2,125,138)
```
#028e9e
```
#028e9e rgb(2,142,158)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```
#02b2c4
```
#02b2c4 rgb(2,178,196)
```
#02c3d8
```
#02c3d8 rgb(2,195,216)
```
#03d5eb
```
#03d5eb rgb(3,213,235)
```

Shade Color Variation

#05e4fc
```
#05e4fc rgb(5,228,252)
```
#19e6fc
```
#19e6fc rgb(25,230,252)
```
#2ce8fd
```
#2ce8fd rgb(44,232,253)
```
#3feafd
```
#3feafd rgb(63,234,253)
```
#53edfd
```
#53edfd rgb(83,237,253)
```
#66effd
```
#66effd rgb(102,239,253)
```
#7af1fd
```
#7af1fd rgb(122,241,253)
```
#8df3fe
```
#8df3fe rgb(141,243,254)
```
#a0f5fe
```
#a0f5fe rgb(160,245,254)
```
#b4f7fe
```
#b4f7fe rgb(180,247,254)
```
#c7f9fe
```
#c7f9fe rgb(199,249,254)
```
#dbfbff
```
#dbfbff rgb(219,251,255)
```
#eefdff
```
#eefdff rgb(238,253,255)
```

Tint Color Variation

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

#555d5e
```
#555d5e rgb(85,93,94)
```
#4e6365
```
#4e6365 rgb(78,99,101)
```
#47696c
```
#47696c rgb(71,105,108)
```
#406e73
```
#406e73 rgb(64,110,115)
```
#39747a
```
#39747a rgb(57,116,122)
```
#327981
```
#327981 rgb(50,121,129)
```
#2b7f88
```
#2b7f88 rgb(43,127,136)
```
#24848f
```
#24848f rgb(36,132,143)
```
#1e8a95
```
#1e8a95 rgb(30,138,149)
```
#178f9c
```
#178f9c rgb(23,143,156)
```
#1095a3
```
#1095a3 rgb(16,149,163)
```
#099aaa
```
#099aaa rgb(9,154,170)
```
#02a0b1
```
#02a0b1 rgb(2,160,177)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#5c7c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9295ab Protanopia 1% of men
#9094bb Deuteranopia 1% of men
#00a5b1 Tritanopia 0.001% of the population

Trichromacy

#5e99ad Protanomaly 1% of men, 0.01% of women
#5c98b7 Deuteranomaly 6% of men, 0.4% of women
#00a3b1 Tritanomaly 0.01% of the population

#02a0b1 hex color

#02a0b1 Color Information

#02a0b1 Color Conversion

Color Schemes with #02a0b1

Alternatives to #02a0b1

#02a0b1 Preview

Shades and Tints of #02a0b1

Tones of #02a0b1

Color Blindness Simulator