#02af9f Color Information
In a RGB color space, hex #02af9f is composed of 0.8% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 174.5 degrees, a saturation of 97.7% and a lightness of 34.7%. #02af9f color hex could be obtained by blending #04ffff with #005f3f. Closest websafe color is: #009999.
-
- R 1
- G 69
- B 62
-
- C 99
- M 0
- Y 9
- K 31
● #02af9f color description : Dark cyan.
#02af9f Color Conversion
The hexadecimal color #02af9f has RGB values of R:2, G:175, B:159 and CMYK values of C:0.99, M:0, Y:0.09, K:0.31. Its decimal value is 176031.
Hex triplet | 02af9f | #02af9f |
---|---|---|
RGB Decimal | 2, 175, 159 | rgb(2,175,159) |
RGB Percent | 0.8, 68.6, 62.4 | rgb(0.8%,68.6%,62.4%) |
CMYK | 99, 0, 9, 31 | |
HSL | 174.5°, 97.7, 34.7 | hsl(174.5,97.7%,34.7%) |
HSV (or HSB) | 174.5°, 98.9, 68.6 | |
Web Safe | 009999 | #009999 |
CIE-LAB | 64.301, -40.952, -2.439 |
---|---|
XYZ | 21.611, 33.174, 38.063 |
xyY | 0.233, 0.357, 33.174 |
CIE-LCH | 64.301, 41.025, 183.408 |
CIE-LUV | 64.301, -51.297, 2.529 |
Hunter-Lab | 57.597, -33.819, 1.135 |
Binary | 00000010, 10101111, 10011111 |
Color Schemes with #02af9f
Alternatives to #02af9f
Below, you can see some colors close to #02af9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#02af9f Preview
This text has a font color of #02af9f.
<span style="color:#02af9f;">Text here</span>
This paragraph has a background color of #02af9f.
<p style="background-color:#02af9f;">Content here</p>
This element has a border color of #02af9f.
<div style="border:1px solid #02af9f;">Content here</div>
.text {color:#02af9f;}
.background {background-color:#02af9f;}
.border {border:1px solid #02af9f;}
Shades and Tints of #02af9f
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, #000000 is the darkest color, while #ecfffd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#001412
#001412
rgb(0,20,18)
-
#002724
#002724
rgb(0,39,36)
-
#013b35
#013b35
rgb(1,59,53)
-
#014e47
#014e47
rgb(1,78,71)
-
#016159
#016159
rgb(1,97,89)
-
#01756a
#01756a
rgb(1,117,106)
-
#02887c
#02887c
rgb(2,136,124)
-
#029c8d
#029c8d
rgb(2,156,141)
-
#02af9f
#02af9f
rgb(2,175,159)
-
#02c2b1
#02c2b1
rgb(2,194,177)
-
#02d6c2
#02d6c2
rgb(2,214,194)
-
#03e9d4
#03e9d4
rgb(3,233,212)
-
#03fce5
#03fce5
rgb(3,252,229)
-
#17fce7
#17fce7
rgb(23,252,231)
-
#2afde9
#2afde9
rgb(42,253,233)
-
#3efdeb
#3efdeb
rgb(62,253,235)
-
#51fded
#51fded
rgb(81,253,237)
-
#64fdef
#64fdef
rgb(100,253,239)
-
#78fdf1
#78fdf1
rgb(120,253,241)
-
#8bfef3
#8bfef3
rgb(139,254,243)
-
#9efef5
#9efef5
rgb(158,254,245)
-
#b2fef7
#b2fef7
rgb(178,254,247)
-
#c5fef9
#c5fef9
rgb(197,254,249)
-
#d9fffb
#d9fffb
rgb(217,255,251)
-
#ecfffd
#ecfffd
rgb(236,255,253)
Tones of #02af9f
A tone is produced by adding gray to any pure hue. In this case, #545d5c is the less saturated color, while #02af9f is the most saturated one.
-
#545d5c
#545d5c
rgb(84,93,92)
-
#4d6462
#4d6462
rgb(77,100,98)
-
#466b68
#466b68
rgb(70,107,104)
-
#3f726d
#3f726d
rgb(63,114,109)
-
#387973
#387973
rgb(56,121,115)
-
#327f78
#327f78
rgb(50,127,120)
-
#2b867e
#2b867e
rgb(43,134,126)
-
#248d83
#248d83
rgb(36,141,131)
-
#1d9489
#1d9489
rgb(29,148,137)
-
#169b8e
#169b8e
rgb(22,155,142)
-
#10a194
#10a194
rgb(16,161,148)
-
#09a899
#09a899
rgb(9,168,153)
-
#02af9f
#02af9f
rgb(2,175,159)
Color Blindness Simulator
Below, you can see how #02af9f 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.