#02a786 Color Information
In a RGB color space, hex #02a786 is composed of 0.8% red, 65.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 19.8% yellow and 34.5% black. It has a hue angle of 168 degrees, a saturation of 97.6% and a lightness of 33.1%. #02a786 color hex could be obtained by blending #04ffff with #004f0d. Closest websafe color is: #009999.
-
- R 1
- G 65
- B 53
-
- C 99
- M 0
- Y 20
- K 35
● #02a786 color description : Dark cyan.
#02a786 Color Conversion
The hexadecimal color #02a786 has RGB values of R:2, G:167, B:134 and CMYK values of C:0.99, M:0, Y:0.2, K:0.35. Its decimal value is 173958.
Hex triplet | 02a786 | #02a786 |
---|---|---|
RGB Decimal | 2, 167, 134 | rgb(2,167,134) |
RGB Percent | 0.8, 65.5, 52.5 | rgb(0.8%,65.5%,52.5%) |
CMYK | 99, 0, 20, 35 | |
HSL | 168°, 97.6, 33.1 | hsl(168,97.6%,33.1%) |
HSV (or HSB) | 168°, 98.8, 65.5 | |
Web Safe | 009999 | #009999 |
CIE-LAB | 61.106, -44.454, 6.881 |
---|---|
XYZ | 18.145, 29.37, 27.265 |
xyY | 0.243, 0.393, 29.37 |
CIE-LCH | 61.106, 44.983, 171.201 |
CIE-LUV | 61.106, -50.485, 16.457 |
Hunter-Lab | 54.194, -35.074, 8.106 |
Binary | 00000010, 10100111, 10000110 |
Color Schemes with #02a786
Alternatives to #02a786
Below, you can see some colors close to #02a786. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02a786 Preview
This text has a font color of #02a786.
<span style="color:#02a786;">Text here</span>
This paragraph has a background color of #02a786.
<p style="background-color:#02a786;">Content here</p>
This element has a border color of #02a786.
<div style="border:1px solid #02a786;">Content here</div>
.text {color:#02a786;}
.background {background-color:#02a786;}
.border {border:1px solid #02a786;}
Shades and Tints of #02a786
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, #000c0a is the darkest color, while #f8fffd is the lightest one.
-
#000c0a
#000c0a
rgb(0,12,10)
-
#001f19
#001f19
rgb(0,31,25)
-
#013329
#013329
rgb(1,51,41)
-
#014638
#014638
rgb(1,70,56)
-
#015948
#015948
rgb(1,89,72)
-
#016d57
#016d57
rgb(1,109,87)
-
#028067
#028067
rgb(2,128,103)
-
#029476
#029476
rgb(2,148,118)
-
#02a786
#02a786
rgb(2,167,134)
-
#02ba96
#02ba96
rgb(2,186,150)
-
#02cea5
#02cea5
rgb(2,206,165)
-
#03e1b5
#03e1b5
rgb(3,225,181)
-
#03f5c4
#03f5c4
rgb(3,245,196)
-
#0ffccd
#0ffccd
rgb(15,252,205)
-
#22fcd1
#22fcd1
rgb(34,252,209)
-
#36fdd5
#36fdd5
rgb(54,253,213)
-
#49fdd9
#49fdd9
rgb(73,253,217)
-
#5cfddd
#5cfddd
rgb(92,253,221)
-
#70fde1
#70fde1
rgb(112,253,225)
-
#83fee5
#83fee5
rgb(131,254,229)
-
#97fee9
#97fee9
rgb(151,254,233)
-
#aafeed
#aafeed
rgb(170,254,237)
-
#bdfef1
#bdfef1
rgb(189,254,241)
-
#d1fef5
#d1fef5
rgb(209,254,245)
-
#e4fff9
#e4fff9
rgb(228,255,249)
-
#f8fffd
#f8fffd
rgb(248,255,253)
Tones of #02a786
A tone is produced by adding gray to any pure hue. In this case, #505957 is the less saturated color, while #02a786 is the most saturated one.
-
#505957
#505957
rgb(80,89,87)
-
#4a605b
#4a605b
rgb(74,96,91)
-
#43665f
#43665f
rgb(67,102,95)
-
#3d6d63
#3d6d63
rgb(61,109,99)
-
#367367
#367367
rgb(54,115,103)
-
#307a6b
#307a6b
rgb(48,122,107)
-
#29806f
#29806f
rgb(41,128,111)
-
#238773
#238773
rgb(35,135,115)
-
#1c8d76
#1c8d76
rgb(28,141,118)
-
#16947a
#16947a
rgb(22,148,122)
-
#0f9a7e
#0f9a7e
rgb(15,154,126)
-
#09a182
#09a182
rgb(9,161,130)
-
#02a786
#02a786
rgb(2,167,134)
Color Blindness Simulator
Below, you can see how #02a786 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.