#02a495 hex color

In a RGB color space, hex #02a495 is composed of 0.8% red, 64.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 9.1% yellow and 35.7% black. It has a hue angle of 174.4 degrees, a saturation of 97.6% and a lightness of 32.5%. #02a495 color hex could be obtained by blending #04ffff with #00492b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 64
- B 58
RGB color chart
- C 99
- M 0
- Y 9
- K 36
CMYK color chart

● #02a495 color description : Dark cyan.

The hexadecimal color #02a495 has RGB values of R:2, G:164, B:149 and CMYK values of C:0.99, M:0, Y:0.09, K:0.36. Its decimal value is 173205.

Hex triplet	02a495	`#02a495`
RGB Decimal	2, 164, 149	`rgb(2,164,149)`
RGB Percent	0.8, 64.3, 58.4	`rgb(0.8%,64.3%,58.4%)`
CMYK	99, 0, 9, 36
HSL	174.4°, 97.6, 32.5	`hsl(174.4,97.6%,32.5%)`
HSV (or HSB)	174.4°, 98.8, 64.3
Web Safe	009999	`#009999`

CIE-LAB	60.544, -39.004, -2.358
XYZ	18.723, 28.732, 32.991
xyY	0.233, 0.357, 28.732
CIE-LCH	60.544, 39.075, 183.46
CIE-LUV	60.544, -48.279, 2.327
Hunter-Lab	53.602, -31.453, 1.029
Binary	00000010, 10100100, 10010101

#02a495
```
#02a495 rgb(2,164,149)
```
#a40211
```
#a40211 rgb(164,2,17)
```

Complementary Color

#02a444
```
#02a444 rgb(2,164,68)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#0262a4
```
#0262a4 rgb(2,98,164)
```

Analogous Color

#a44402
```
#a44402 rgb(164,68,2)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#a40262
```
#a40262 rgb(164,2,98)
```

Split Complementary Color

#a49502
```
#a49502 rgb(164,149,2)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#9502a4
```
#9502a4 rgb(149,2,164)
```

Triadic Color

#11a402
```
#11a402 rgb(17,164,2)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#9502a4
```
#9502a4 rgb(149,2,164)
```
#a40211
```
#a40211 rgb(164,2,17)
```

Tetradic Color

#015850
```
#015850 rgb(1,88,80)
```
#017267
```
#017267 rgb(1,114,103)
```
#028b7e
```
#028b7e rgb(2,139,126)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#02bdac
```
#02bdac rgb(2,189,172)
```
#03d6c3
```
#03d6c3 rgb(3,214,195)
```
#03f0da
```
#03f0da rgb(3,240,218)
```

Monochromatic Color

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

#02a46d
```
#02a46d rgb(2,164,109)
```
#02a47a
```
#02a47a rgb(2,164,122)
```
#02a488
```
#02a488 rgb(2,164,136)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#02a4a3
```
#02a4a3 rgb(2,164,163)
```
#0298a4
```
#0298a4 rgb(2,152,164)
```
#028ba4
```
#028ba4 rgb(2,139,164)
```

Similar Colors

Text with hexadecimal color #02a495

This text has a font color of #02a495.

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

#02a495 background color

This paragraph has a background color of #02a495.

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

#02a495 border color

This element has a border color of #02a495.

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

CSS codes

.text {color:#02a495;}

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

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

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

#000908
```
#000908 rgb(0,9,8)
```
#001c1a
```
#001c1a rgb(0,28,26)
```
#01302b
```
#01302b rgb(1,48,43)
```
#01433d
```
#01433d rgb(1,67,61)
```
#01564f
```
#01564f rgb(1,86,79)
```
#016a60
```
#016a60 rgb(1,106,96)
```
#027d72
```
#027d72 rgb(2,125,114)
```
#029183
```
#029183 rgb(2,145,131)
```
#02a495
```
#02a495 rgb(2,164,149)
```
#02b7a7
```
#02b7a7 rgb(2,183,167)
```
#02cbb8
```
#02cbb8 rgb(2,203,184)
```
#03deca
```
#03deca rgb(3,222,202)
```
#03f2db
```
#03f2db rgb(3,242,219)
```

Shade Color Variation

#0cfce6
```
#0cfce6 rgb(12,252,230)
```
#1ffce8
```
#1ffce8 rgb(31,252,232)
```
#33fdea
```
#33fdea rgb(51,253,234)
```
#46fdec
```
#46fdec rgb(70,253,236)
```
#5afdee
```
#5afdee rgb(90,253,238)
```
#6dfdf0
```
#6dfdf0 rgb(109,253,240)
```
#80fdf2
```
#80fdf2 rgb(128,253,242)
```
#94fef4
```
#94fef4 rgb(148,254,244)
```
#a7fef6
```
#a7fef6 rgb(167,254,246)
```
#bafef8
```
#bafef8 rgb(186,254,248)
```
#cefefa
```
#cefefa rgb(206,254,250)
```
#e1fffc
```
#e1fffc rgb(225,255,252)
```
#f5fffe
```
#f5fffe rgb(245,255,254)
```

Tint Color Variation

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

#4f5757
```
#4f5757 rgb(79,87,87)
```
#485e5c
```
#485e5c rgb(72,94,92)
```
#426461
```
#426461 rgb(66,100,97)
```
#3b6b66
```
#3b6b66 rgb(59,107,102)
```
#35716b
```
#35716b rgb(53,113,107)
```
#2f7771
```
#2f7771 rgb(47,119,113)
```
#287e76
```
#287e76 rgb(40,126,118)
```
#22847b
```
#22847b rgb(34,132,123)
```
#1c8a80
```
#1c8a80 rgb(28,138,128)
```
#159185
```
#159185 rgb(21,145,133)
```
#0f978b
```
#0f978b rgb(15,151,139)
```
#089e90
```
#089e90 rgb(8,158,144)
```
#02a495
```
#02a495 rgb(2,164,149)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5c7c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9791 Protanopia 1% of men
#a093a2 Deuteranopia 1% of men
#33a5b1 Tritanopia 0.001% of the population

Trichromacy

#639b92 Protanomaly 1% of men, 0.01% of women
#66999d Deuteranomaly 6% of men, 0.4% of women
#21a4a7 Tritanomaly 0.01% of the population

#02a495 hex color

#02a495 Color Information

#02a495 Color Conversion

Color Schemes with #02a495

Alternatives to #02a495

#02a495 Preview

Shades and Tints of #02a495

Tones of #02a495

Color Blindness Simulator