colorhexa.com

#02d3ae hex color

In a RGB color space, hex #02d3ae is composed of 0.8% red, 82.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 17.5% yellow and 17.3% black. It has a hue angle of 169.4 degrees, a saturation of 98.1% and a lightness of 41.8%. #02d3ae color hex could be obtained by blending #04ffff with #00a75d. Closest websafe color is: #00cc99.

- R 1
- G 83
- B 68
RGB color chart
- C 99
- M 0
- Y 18
- K 17
CMYK color chart

● #02d3ae color description : Strong cyan.

The hexadecimal color #02d3ae has RGB values of R:2, G:211, B:174 and CMYK values of C:0.99, M:0, Y:0.18, K:0.17. Its decimal value is 185262.

Hex triplet	02d3ae	`#02d3ae`
RGB Decimal	2, 211, 174	`rgb(2,211,174)`
RGB Percent	0.8, 82.7, 68.2	`rgb(0.8%,82.7%,68.2%)`
CMYK	99, 0, 18, 17
HSL	169.4°, 98.1, 41.8	`hsl(169.4,98.1%,41.8%)`
HSV (or HSB)	169.4°, 99.1, 82.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	75.856, -51.921, 6.164
XYZ	30.956, 49.654, 47.995
xyY	0.241, 0.386, 49.654
CIE-LCH	75.856, 52.285, 173.23
CIE-LUV	75.856, -62.334, 17.298
Hunter-Lab	70.466, -44.898, 8.943
Binary	00000010, 11010011, 10101110

#02d3ae
```
#02d3ae rgb(2,211,174)
```
#d30227
```
#d30227 rgb(211,2,39)
```

Complementary Color

#02d346
```
#02d346 rgb(2,211,70)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```
#0290d3
```
#0290d3 rgb(2,144,211)
```

Analogous Color

#d34602
```
#d34602 rgb(211,70,2)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```
#d30290
```
#d30290 rgb(211,2,144)
```

Split Complementary Color

#d3ae02
```
#d3ae02 rgb(211,174,2)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```
#ae02d3
```
#ae02d3 rgb(174,2,211)
```

Triadic Color

#018770
```
#018770 rgb(1,135,112)
```
#02a084
```
#02a084 rgb(2,160,132)
```
#02ba99
```
#02ba99 rgb(2,186,153)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```
#02ecc3
```
#02ecc3 rgb(2,236,195)
```
#0bfdd2
```
#0bfdd2 rgb(11,253,210)
```
#25fdd7
```
#25fdd7 rgb(37,253,215)
```

Monochromatic Color

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

#02d37a
```
#02d37a rgb(2,211,122)
```
#02d38b
```
#02d38b rgb(2,211,139)
```
#02d39d
```
#02d39d rgb(2,211,157)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```
#02d3bf
```
#02d3bf rgb(2,211,191)
```
#02d3d1
```
#02d3d1 rgb(2,211,209)
```
#02c4d3
```
#02c4d3 rgb(2,196,211)
```

Similar Colors

Text with hexadecimal color #02d3ae

This text has a font color of #02d3ae.

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

#02d3ae background color

This paragraph has a background color of #02d3ae.

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

#02d3ae border color

This element has a border color of #02d3ae.

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

CSS codes

.text {color:#02d3ae;}

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

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

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 #fcfffe is the lightest one.

#00110e
```
#00110e rgb(0,17,14)
```
#00241e
```
#00241e rgb(0,36,30)
```
#01382e
```
#01382e rgb(1,56,46)
```
#014b3e
```
#014b3e rgb(1,75,62)
```
#015e4e
```
#015e4e rgb(1,94,78)
```
#01725e
```
#01725e rgb(1,114,94)
```
#01856e
```
#01856e rgb(1,133,110)
```
#01997e
```
#01997e rgb(1,153,126)
```
#02ac8e
```
#02ac8e rgb(2,172,142)
```
#02c09e
```
#02c09e rgb(2,192,158)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```
#02e6be
```
#02e6be rgb(2,230,190)
```
#02face
```
#02face rgb(2,250,206)
```

Shade Color Variation

#13fdd3
```
#13fdd3 rgb(19,253,211)
```
#27fdd7
```
#27fdd7 rgb(39,253,215)
```
#3afddb
```
#3afddb rgb(58,253,219)
```
#4dfdde
```
#4dfdde rgb(77,253,222)
```
#61fee2
```
#61fee2 rgb(97,254,226)
```
#74fee5
```
#74fee5 rgb(116,254,229)
```
#88fee9
```
#88fee9 rgb(136,254,233)
```
#9bfeed
```
#9bfeed rgb(155,254,237)
```
#affef0
```
#affef0 rgb(175,254,240)
```
#c2fef4
```
#c2fef4 rgb(194,254,244)
```
#d5fff7
```
#d5fff7 rgb(213,255,247)
```
#e9fffb
```
#e9fffb rgb(233,255,251)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#64716e
```
#64716e rgb(100,113,110)
```
#5c7974
```
#5c7974 rgb(92,121,116)
```
#548179
```
#548179 rgb(84,129,121)
```
#4c897e
```
#4c897e rgb(76,137,126)
```
#449184
```
#449184 rgb(68,145,132)
```
#3b9a89
```
#3b9a89 rgb(59,154,137)
```
#33a28e
```
#33a28e rgb(51,162,142)
```
#2baa94
```
#2baa94 rgb(43,170,148)
```
#23b299
```
#23b299 rgb(35,178,153)
```
#1bba9e
```
#1bba9e rgb(27,186,158)
```
#12c3a3
```
#12c3a3 rgb(18,195,163)
```
#0acba9
```
#0acba9 rgb(10,203,169)
```
#02d3ae
```
#02d3ae rgb(2,211,174)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#749d96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bda6 Protanopia 1% of men
#d0b8bc Deuteranopia 1% of men
#4acede Tritanopia 0.001% of the population

Trichromacy

#7fc5a9 Protanomaly 1% of men, 0.01% of women
#85c2b7 Deuteranomaly 6% of men, 0.4% of women
#30d0cc Tritanomaly 0.01% of the population