#00afa1 hex color

In a RGB color space, hex #00afa1 is composed of 0% red, 68.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 8% yellow and 31.4% black. It has a hue angle of 175.2 degrees, a saturation of 100% and a lightness of 34.3%. #00afa1 color hex could be obtained by blending #00ffff with #005f43. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 0
- G 69
- B 63
RGB color chart
- C 100
- M 0
- Y 8
- K 31
CMYK color chart

● #00afa1 color description : Dark cyan.

The hexadecimal color #00afa1 has RGB values of R:0, G:175, B:161 and CMYK values of C:1, M:0, Y:0.08, K:0.31. Its decimal value is 44961.

Hex triplet	00afa1	`#00afa1`
RGB Decimal	0, 175, 161	`rgb(0,175,161)`
RGB Percent	0, 68.6, 63.1	`rgb(0%,68.6%,63.1%)`
CMYK	100, 0, 8, 31
HSL	175.2°, 100, 34.3	`hsl(175.2,100%,34.3%)`
HSV (or HSB)	175.2°, 100, 68.6
Web Safe	009999	`#009999`

CIE-LAB	64.347, -40.446, -3.486
XYZ	21.761, 33.231, 38.984
xyY	0.232, 0.354, 33.231
CIE-LCH	64.347, 40.596, 184.926
CIE-LUV	64.347, -51.221, 0.874
Hunter-Lab	57.646, -33.499, 0.257
Binary	00000000, 10101111, 10100001

#00afa1
```
#00afa1 rgb(0,175,161)
```
#af000e
```
#af000e rgb(175,0,14)
```

Complementary Color

#00af49
```
#00af49 rgb(0,175,73)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#0066af
```
#0066af rgb(0,102,175)
```

Analogous Color

#af4900
```
#af4900 rgb(175,73,0)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#af0066
```
#af0066 rgb(175,0,102)
```

Split Complementary Color

#afa100
```
#afa100 rgb(175,161,0)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#a100af
```
#a100af rgb(161,0,175)
```

Triadic Color

#0eaf00
```
#0eaf00 rgb(14,175,0)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#a100af
```
#a100af rgb(161,0,175)
```
#af000e
```
#af000e rgb(175,0,14)
```

Tetradic Color

#00635b
```
#00635b rgb(0,99,91)
```
#007c72
```
#007c72 rgb(0,124,114)
```
#00968a
```
#00968a rgb(0,150,138)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#00c9b8
```
#00c9b8 rgb(0,201,184)
```
#00e2d0
```
#00e2d0 rgb(0,226,208)
```
#00fce7
```
#00fce7 rgb(0,252,231)
```

Monochromatic Color

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

#00af75
```
#00af75 rgb(0,175,117)
```
#00af84
```
#00af84 rgb(0,175,132)
```
#00af92
```
#00af92 rgb(0,175,146)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#00aeaf
```
#00aeaf rgb(0,174,175)
```
#00a0af
```
#00a0af rgb(0,160,175)
```
#0091af
```
#0091af rgb(0,145,175)
```

Similar Colors

Text with hexadecimal color #00afa1

This text has a font color of #00afa1.

<span style="color:#00afa1;">Text here</span>

#00afa1 background color

This paragraph has a background color of #00afa1.

<p style="background-color:#00afa1;">Content here</p>

#00afa1 border color

This element has a border color of #00afa1.

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

CSS codes

.text {color:#00afa1;}

.background {background-color:#00afa1;}

.border {border:1px solid #00afa1;}

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

#001211
```
#001211 rgb(0,18,17)
```
#002623
```
#002623 rgb(0,38,35)
```
#003935
```
#003935 rgb(0,57,53)
```
#004d47
```
#004d47 rgb(0,77,71)
```
#006159
```
#006159 rgb(0,97,89)
```
#00746b
```
#00746b rgb(0,116,107)
```
#00887d
```
#00887d rgb(0,136,125)
```
#009b8f
```
#009b8f rgb(0,155,143)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```
#00c3b3
```
#00c3b3 rgb(0,195,179)
```
#00d6c5
```
#00d6c5 rgb(0,214,197)
```
#00ead7
```
#00ead7 rgb(0,234,215)
```
#00fde9
```
#00fde9 rgb(0,253,233)
```

Shade Color Variation

#12ffec
```
#12ffec rgb(18,255,236)
```
#26ffee
```
#26ffee rgb(38,255,238)
```
#39ffef
```
#39ffef rgb(57,255,239)
```
#4dfff1
```
#4dfff1 rgb(77,255,241)
```
#61fff2
```
#61fff2 rgb(97,255,242)
```
#74fff4
```
#74fff4 rgb(116,255,244)
```
#88fff5
```
#88fff5 rgb(136,255,245)
```
#9bfff7
```
#9bfff7 rgb(155,255,247)
```
#affff9
```
#affff9 rgb(175,255,249)
```
#c3fffa
```
#c3fffa rgb(195,255,250)
```
#d6fffc
```
#d6fffc rgb(214,255,252)
```
#eafffd
```
#eafffd rgb(234,255,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515e5d is the less saturated color, while #00afa1 is the most saturated one.

#515e5d
```
#515e5d rgb(81,94,93)
```
#4a6563
```
#4a6563 rgb(74,101,99)
```
#436c68
```
#436c68 rgb(67,108,104)
```
#3d726e
```
#3d726e rgb(61,114,110)
```
#367974
```
#367974 rgb(54,121,116)
```
#2f8079
```
#2f8079 rgb(47,128,121)
```
#28877f
```
#28877f rgb(40,135,127)
```
#228d85
```
#228d85 rgb(34,141,133)
```
#1b948a
```
#1b948a rgb(27,148,138)
```
#149b90
```
#149b90 rgb(20,155,144)
```
#0da296
```
#0da296 rgb(13,162,150)
```
#07a89b
```
#07a89b rgb(7,168,155)
```
#00afa1
```
#00afa1 rgb(0,175,161)
```

Tone Color Variation

Below, you can see how #00afa1 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

#797979 Achromatopsia 0.005% of the population
#618481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a09b Protanopia 1% of men
#a99cad Deuteranopia 1% of men
#34afbc Tritanopia 0.001% of the population

Trichromacy

#69a59d Protanomaly 1% of men, 0.01% of women
#6ca3a9 Deuteranomaly 6% of men, 0.4% of women
#21afb2 Tritanomaly 0.01% of the population

#00afa1 hex color

#00afa1 Color Information

#00afa1 Color Conversion

Color Schemes with #00afa1

Alternatives to #00afa1

#00afa1 Preview

Shades and Tints of #00afa1

Tones of #00afa1

Color Blindness Simulator