#02a488 Color Information
In a RGB color space, hex #02a488 is composed of 0.8% red, 64.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 17.1% yellow and 35.7% black. It has a hue angle of 169.6 degrees, a saturation of 97.6% and a lightness of 32.5%. #02a488 color hex could be obtained by blending #04ffff with #004911. Closest websafe color is: #009999.
-
- R 1
- G 64
- B 53
-
- C 99
- M 0
- Y 17
- K 36
● #02a488 color description : Dark cyan.
#02a488 Color Conversion
The hexadecimal color #02a488 has RGB values of R:2, G:164, B:136 and CMYK values of C:0.99, M:0, Y:0.17, K:0.36. Its decimal value is 173192.
| Hex triplet | 02a488 | #02a488 |
|---|---|---|
| RGB Decimal | 2, 164, 136 | rgb(2,164,136) |
| RGB Percent | 0.8, 64.3, 53.3 | rgb(0.8%,64.3%,53.3%) |
| CMYK | 99, 0, 17, 36 | |
| HSL | 169.6°, 97.6, 32.5 | hsl(169.6,97.6%,32.5%) |
| HSV (or HSB) | 169.6°, 98.8, 64.3 | |
| Web Safe | 009999 | #009999 |
| CIE-LAB | 60.194, -42.666, 4.45 |
|---|---|
| XYZ | 17.743, 28.339, 27.826 |
| xyY | 0.24, 0.383, 28.339 |
| CIE-LCH | 60.194, 42.897, 174.046 |
| CIE-LUV | 60.194, -49.295, 12.733 |
| Hunter-Lab | 53.235, -33.668, 6.273 |
| Binary | 00000010, 10100100, 10001000 |
Color Schemes with #02a488
Alternatives to #02a488
Below, you can see some colors close to #02a488. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a488 Preview
This text has a font color of #02a488.
<span style="color:#02a488;">Text here</span>
This paragraph has a background color of #02a488.
<p style="background-color:#02a488;">Content here</p>
This element has a border color of #02a488.
<div style="border:1px solid #02a488;">Content here</div>
.text {color:#02a488;}
.background {background-color:#02a488;}
.border {border:1px solid #02a488;}
Shades and Tints of #02a488
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, #000907 is the darkest color, while #f5fffd is the lightest one.
-
#000907
#000907rgb(0,9,7) -
#001c18
#001c18rgb(0,28,24) -
#013028
#013028rgb(1,48,40) -
#014338
#014338rgb(1,67,56) -
#015648
#015648rgb(1,86,72) -
#016a58
#016a58rgb(1,106,88) -
#027d68
#027d68rgb(2,125,104) -
#029178
#029178rgb(2,145,120) -
#02a488
#02a488rgb(2,164,136) -
#02b798
#02b798rgb(2,183,152) -
#02cba8
#02cba8rgb(2,203,168) -
#03deb8
#03deb8rgb(3,222,184) -
#03f2c8
#03f2c8rgb(3,242,200)
-
#0cfcd3
#0cfcd3rgb(12,252,211) -
#1ffcd6
#1ffcd6rgb(31,252,214) -
#33fdda
#33fddargb(51,253,218) -
#46fddd
#46fdddrgb(70,253,221) -
#5afde1
#5afde1rgb(90,253,225) -
#6dfde4
#6dfde4rgb(109,253,228) -
#80fde8
#80fde8rgb(128,253,232) -
#94feeb
#94feebrgb(148,254,235) -
#a7feef
#a7feefrgb(167,254,239) -
#bafef2
#bafef2rgb(186,254,242) -
#cefef6
#cefef6rgb(206,254,246) -
#e1fffa
#e1fffargb(225,255,250) -
#f5fffd
#f5fffdrgb(245,255,253)
Tones of #02a488
A tone is produced by adding gray to any pure hue. In this case, #4f5756 is the less saturated color, while #02a488 is the most saturated one.
-
#4f5756
#4f5756rgb(79,87,86) -
#485e5a
#485e5argb(72,94,90) -
#42645e
#42645ergb(66,100,94) -
#3b6b62
#3b6b62rgb(59,107,98) -
#357167
#357167rgb(53,113,103) -
#2f776b
#2f776brgb(47,119,107) -
#287e6f
#287e6frgb(40,126,111) -
#228473
#228473rgb(34,132,115) -
#1c8a77
#1c8a77rgb(28,138,119) -
#15917b
#15917brgb(21,145,123) -
#0f9780
#0f9780rgb(15,151,128) -
#089e84
#089e84rgb(8,158,132) -
#02a488
#02a488rgb(2,164,136)
Color Blindness Simulator
Below, you can see how #02a488 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.
