#02ac93 hex color

In a RGB color space, hex #02ac93 is composed of 0.8% red, 67.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 14.5% yellow and 32.5% black. It has a hue angle of 171.2 degrees, a saturation of 97.7% and a lightness of 34.1%. #02ac93 color hex could be obtained by blending #04ffff with #005927. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 67
- B 58
RGB color chart
- C 99
- M 0
- Y 15
- K 33
CMYK color chart

● #02ac93 color description : Dark cyan.

The hexadecimal color #02ac93 has RGB values of R:2, G:172, B:147 and CMYK values of C:0.99, M:0, Y:0.15, K:0.33. Its decimal value is 175251.

Hex triplet	02ac93	`#02ac93`
RGB Decimal	2, 172, 147	`rgb(2,172,147)`
RGB Percent	0.8, 67.5, 57.6	`rgb(0.8%,67.5%,57.6%)`
CMYK	99, 0, 15, 33
HSL	171.2°, 97.7, 34.1	`hsl(171.2,97.7%,34.1%)`
HSV (or HSB)	171.2°, 98.8, 67.5
Web Safe	009999	`#009999`

CIE-LAB	63.03, -43.041, 2.392
XYZ	20.042, 31.622, 32.65
xyY	0.238, 0.375, 31.622
CIE-LCH	63.03, 43.107, 176.819
CIE-LUV	63.03, -51.207, 9.951
Hunter-Lab	56.234, -34.791, 4.94
Binary	00000010, 10101100, 10010011

#02ac93
```
#02ac93 rgb(2,172,147)
```
#ac021b
```
#ac021b rgb(172,2,27)
```

Complementary Color

#02ac3e
```
#02ac3e rgb(2,172,62)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#0270ac
```
#0270ac rgb(2,112,172)
```

Analogous Color

#ac3e02
```
#ac3e02 rgb(172,62,2)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#ac0270
```
#ac0270 rgb(172,2,112)
```

Split Complementary Color

#ac9302
```
#ac9302 rgb(172,147,2)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#9302ac
```
#9302ac rgb(147,2,172)
```

Triadic Color

#1bac02
```
#1bac02 rgb(27,172,2)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#9302ac
```
#9302ac rgb(147,2,172)
```
#ac021b
```
#ac021b rgb(172,2,27)
```

Tetradic Color

#016052
```
#016052 rgb(1,96,82)
```
#017a68
```
#017a68 rgb(1,122,104)
```
#02937d
```
#02937d rgb(2,147,125)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#02c5a9
```
#02c5a9 rgb(2,197,169)
```
#03debe
```
#03debe rgb(3,222,190)
```
#03f8d4
```
#03f8d4 rgb(3,248,212)
```

Monochromatic Color

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

#02ac69
```
#02ac69 rgb(2,172,105)
```
#02ac77
```
#02ac77 rgb(2,172,119)
```
#02ac85
```
#02ac85 rgb(2,172,133)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#02aca1
```
#02aca1 rgb(2,172,161)
```
#02a9ac
```
#02a9ac rgb(2,169,172)
```
#029bac
```
#029bac rgb(2,155,172)
```

Similar Colors

Text with hexadecimal color #02ac93

This text has a font color of #02ac93.

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

#02ac93 background color

This paragraph has a background color of #02ac93.

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

#02ac93 border color

This element has a border color of #02ac93.

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

CSS codes

.text {color:#02ac93;}

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

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

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, #00110e is the darkest color, while #fcffff is the lightest one.

#00110e
```
#00110e rgb(0,17,14)
```
#00241f
```
#00241f rgb(0,36,31)
```
#013830
```
#013830 rgb(1,56,48)
```
#014b40
```
#014b40 rgb(1,75,64)
```
#015e51
```
#015e51 rgb(1,94,81)
```
#017261
```
#017261 rgb(1,114,97)
```
#028572
```
#028572 rgb(2,133,114)
```
#029982
```
#029982 rgb(2,153,130)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```
#02bfa4
```
#02bfa4 rgb(2,191,164)
```
#02d3b4
```
#02d3b4 rgb(2,211,180)
```
#03e6c5
```
#03e6c5 rgb(3,230,197)
```
#03fad5
```
#03fad5 rgb(3,250,213)
```

Shade Color Variation

#14fcda
```
#14fcda rgb(20,252,218)
```
#27fcdd
```
#27fcdd rgb(39,252,221)
```
#3bfde0
```
#3bfde0 rgb(59,253,224)
```
#4efde3
```
#4efde3 rgb(78,253,227)
```
#61fde6
```
#61fde6 rgb(97,253,230)
```
#75fde9
```
#75fde9 rgb(117,253,233)
```
#88feec
```
#88feec rgb(136,254,236)
```
#9cfeef
```
#9cfeef rgb(156,254,239)
```
#affef2
```
#affef2 rgb(175,254,242)
```
#c2fef5
```
#c2fef5 rgb(194,254,245)
```
#d6fff9
```
#d6fff9 rgb(214,255,249)
```
#e9fffc
```
#e9fffc rgb(233,255,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#525c5a
```
#525c5a rgb(82,92,90)
```
#4c625f
```
#4c625f rgb(76,98,95)
```
#456964
```
#456964 rgb(69,105,100)
```
#3e7068
```
#3e7068 rgb(62,112,104)
```
#38766d
```
#38766d rgb(56,118,109)
```
#317d72
```
#317d72 rgb(49,125,114)
```
#2a8477
```
#2a8477 rgb(42,132,119)
```
#238b7b
```
#238b7b rgb(35,139,123)
```
#1d9180
```
#1d9180 rgb(29,145,128)
```
#169885
```
#169885 rgb(22,152,133)
```
#0f9f8a
```
#0f9f8a rgb(15,159,138)
```
#09a58e
```
#09a58e rgb(9,165,142)
```
#02ac93
```
#02ac93 rgb(2,172,147)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#5f817c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49d8f Protanopia 1% of men
#aa99a0 Deuteranopia 1% of men
#3babb8 Tritanopia 0.001% of the population

Trichromacy

#69a290 Protanomaly 1% of men, 0.01% of women
#6da09b Deuteranomaly 6% of men, 0.4% of women
#26abaa Tritanomaly 0.01% of the population

#02ac93 hex color

#02ac93 Color Information

#02ac93 Color Conversion

Color Schemes with #02ac93

Alternatives to #02ac93

#02ac93 Preview

Shades and Tints of #02ac93

Tones of #02ac93

Color Blindness Simulator