#02caa3 hex color

In a RGB color space, hex #02caa3 is composed of 0.8% red, 79.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 19.3% yellow and 20.8% black. It has a hue angle of 168.3 degrees, a saturation of 98% and a lightness of 40%. #02caa3 color hex could be obtained by blending #04ffff with #009547. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 79
- B 64
RGB color chart
- C 99
- M 0
- Y 19
- K 21
CMYK color chart

● #02caa3 color description : Strong cyan.

The hexadecimal color #02caa3 has RGB values of R:2, G:202, B:163 and CMYK values of C:0.99, M:0, Y:0.19, K:0.21. Its decimal value is 182947.

Hex triplet	02caa3	`#02caa3`
RGB Decimal	2, 202, 163	`rgb(2,202,163)`
RGB Percent	0.8, 79.2, 63.9	`rgb(0.8%,79.2%,63.9%)`
CMYK	99, 0, 19, 21
HSL	168.3°, 98, 40	`hsl(168.3,98%,40%)`
HSV (or HSB)	168.3°, 99, 79.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.823, -51.142, 7.727
XYZ	27.754, 44.895, 41.851
xyY	0.242, 0.392, 44.895
CIE-LCH	72.823, 51.723, 171.408
CIE-LUV	72.823, -60.171, 19.314
Hunter-Lab	67.004, -43.32, 9.87
Binary	00000010, 11001010, 10100011

#02caa3
```
#02caa3 rgb(2,202,163)
```
#ca0229
```
#ca0229 rgb(202,2,41)
```

Complementary Color

#02ca3f
```
#02ca3f rgb(2,202,63)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#028dca
```
#028dca rgb(2,141,202)
```

Analogous Color

#ca3f02
```
#ca3f02 rgb(202,63,2)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#ca028d
```
#ca028d rgb(202,2,141)
```

Split Complementary Color

#caa302
```
#caa302 rgb(202,163,2)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#a302ca
```
#a302ca rgb(163,2,202)
```

Triadic Color

#29ca02
```
#29ca02 rgb(41,202,2)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#a302ca
```
#a302ca rgb(163,2,202)
```
#ca0229
```
#ca0229 rgb(202,2,41)
```

Tetradic Color

#017e66
```
#017e66 rgb(1,126,102)
```
#01987a
```
#01987a rgb(1,152,122)
```
#02b18f
```
#02b18f rgb(2,177,143)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#02e3b7
```
#02e3b7 rgb(2,227,183)
```
#02fdcc
```
#02fdcc rgb(2,253,204)
```
#1cfdd1
```
#1cfdd1 rgb(28,253,209)
```

Monochromatic Color

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

#02ca71
```
#02ca71 rgb(2,202,113)
```
#02ca82
```
#02ca82 rgb(2,202,130)
```
#02ca92
```
#02ca92 rgb(2,202,146)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#02cab4
```
#02cab4 rgb(2,202,180)
```
#02cac4
```
#02cac4 rgb(2,202,196)
```
#02bfca
```
#02bfca rgb(2,191,202)
```

Similar Colors

Text with hexadecimal color #02caa3

This text has a font color of #02caa3.

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

#02caa3 background color

This paragraph has a background color of #02caa3.

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

#02caa3 border color

This element has a border color of #02caa3.

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

CSS codes

.text {color:#02caa3;}

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

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

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, #000806 is the darkest color, while #f3fffd is the lightest one.

#000806
```
#000806 rgb(0,8,6)
```
#001b16
```
#001b16 rgb(0,27,22)
```
#002f26
```
#002f26 rgb(0,47,38)
```
#014235
```
#014235 rgb(1,66,53)
```
#015545
```
#015545 rgb(1,85,69)
```
#016955
```
#016955 rgb(1,105,85)
```
#017c64
```
#017c64 rgb(1,124,100)
```
#019074
```
#019074 rgb(1,144,116)
```
#02a384
```
#02a384 rgb(2,163,132)
```
#02b793
```
#02b793 rgb(2,183,147)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```
#02ddb3
```
#02ddb3 rgb(2,221,179)
```
#02f1c2
```
#02f1c2 rgb(2,241,194)
```

Shade Color Variation

#0afdcd
```
#0afdcd rgb(10,253,205)
```
#1efdd1
```
#1efdd1 rgb(30,253,209)
```
#31fdd5
```
#31fdd5 rgb(49,253,213)
```
#45fdd9
```
#45fdd9 rgb(69,253,217)
```
#58fddd
```
#58fddd rgb(88,253,221)
```
#6bfee1
```
#6bfee1 rgb(107,254,225)
```
#7ffee5
```
#7ffee5 rgb(127,254,229)
```
#92fee9
```
#92fee9 rgb(146,254,233)
```
#a6feed
```
#a6feed rgb(166,254,237)
```
#b9fef1
```
#b9fef1 rgb(185,254,241)
```
#cdfff5
```
#cdfff5 rgb(205,255,245)
```
#e0fff9
```
#e0fff9 rgb(224,255,249)
```
#f3fffd
```
#f3fffd rgb(243,255,253)
```

Tint Color Variation

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

#606c6a
```
#606c6a rgb(96,108,106)
```
#58746e
```
#58746e rgb(88,116,110)
```
#507c73
```
#507c73 rgb(80,124,115)
```
#498378
```
#498378 rgb(73,131,120)
```
#418b7d
```
#418b7d rgb(65,139,125)
```
#399381
```
#399381 rgb(57,147,129)
```
#319b86
```
#319b86 rgb(49,155,134)
```
#29a38b
```
#29a38b rgb(41,163,139)
```
#21ab90
```
#21ab90 rgb(33,171,144)
```
#1ab295
```
#1ab295 rgb(26,178,149)
```
#12ba99
```
#12ba99 rgb(18,186,153)
```
#0ac29e
```
#0ac29e rgb(10,194,158)
```
#02caa3
```
#02caa3 rgb(2,202,163)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#6f978f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb69d Protanopia 1% of men
#c9b1b1 Deuteranopia 1% of men
#49c6d4 Tritanopia 0.001% of the population

Trichromacy

#7abd9f Protanomaly 1% of men, 0.01% of women
#80baac Deuteranomaly 6% of men, 0.4% of women
#2fc7c2 Tritanomaly 0.01% of the population

#02caa3 hex color

#02caa3 Color Information

#02caa3 Color Conversion

Color Schemes with #02caa3

Alternatives to #02caa3

#02caa3 Preview

Shades and Tints of #02caa3

Tones of #02caa3

Color Blindness Simulator