#10a696 hex color

In a RGB color space, hex #10a696 is composed of 6.3% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 173.6 degrees, a saturation of 82.4% and a lightness of 35.7%. #10a696 color hex could be obtained by blending #20ffff with #004d2d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 6
- G 65
- B 59
RGB color chart
- C 90
- M 0
- Y 10
- K 35
CMYK color chart

● #10a696 color description : Dark cyan.

The hexadecimal color #10a696 has RGB values of R:16, G:166, B:150 and CMYK values of C:0.9, M:0, Y:0.1, K:0.35. Its decimal value is 1091222.

Hex triplet	10a696	`#10a696`
RGB Decimal	16, 166, 150	`rgb(16,166,150)`
RGB Percent	6.3, 65.1, 58.8	`rgb(6.3%,65.1%,58.8%)`
CMYK	90, 0, 10, 35
HSL	173.6°, 82.4, 35.7	`hsl(173.6,82.4%,35.7%)`
HSV (or HSB)	173.6°, 90.4, 65.1
Web Safe	009999	`#009999`

CIE-LAB	61.292, -39.004, -1.812
XYZ	19.353, 29.583, 33.542
xyY	0.235, 0.359, 29.583
CIE-LCH	61.292, 39.046, 182.66
CIE-LUV	61.292, -48.219, 3.156
Hunter-Lab	54.39, -31.668, 1.508
Binary	00010000, 10100110, 10010110

#10a696
```
#10a696 rgb(16,166,150)
```
#a61020
```
#a61020 rgb(166,16,32)
```

Complementary Color

#10a64b
```
#10a64b rgb(16,166,75)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#106ba6
```
#106ba6 rgb(16,107,166)
```

Analogous Color

#a64b10
```
#a64b10 rgb(166,75,16)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#a6106b
```
#a6106b rgb(166,16,107)
```

Split Complementary Color

#a69610
```
#a69610 rgb(166,150,16)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#9610a6
```
#9610a6 rgb(150,16,166)
```

Triadic Color

#20a610
```
#20a610 rgb(32,166,16)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#9610a6
```
#9610a6 rgb(150,16,166)
```
#a61020
```
#a61020 rgb(166,16,32)
```

Tetradic Color

#096057
```
#096057 rgb(9,96,87)
```
#0c776c
```
#0c776c rgb(12,119,108)
```
#0e8f81
```
#0e8f81 rgb(14,143,129)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#12bdab
```
#12bdab rgb(18,189,171)
```
#14d5c0
```
#14d5c0 rgb(20,213,192)
```
#1ae9d3
```
#1ae9d3 rgb(26,233,211)
```

Monochromatic Color

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

#10a671
```
#10a671 rgb(16,166,113)
```
#10a67d
```
#10a67d rgb(16,166,125)
```
#10a68a
```
#10a68a rgb(16,166,138)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#10a6a3
```
#10a6a3 rgb(16,166,163)
```
#109da6
```
#109da6 rgb(16,157,166)
```
#1091a6
```
#1091a6 rgb(16,145,166)
```

Similar Colors

Text with hexadecimal color #10a696

This text has a font color of #10a696.

<span style="color:#10a696;">Text here</span>

#10a696 background color

This paragraph has a background color of #10a696.

<p style="background-color:#10a696;">Content here</p>

#10a696 border color

This element has a border color of #10a696.

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

CSS codes

.text {color:#10a696;}

.background {background-color:#10a696;}

.border {border:1px solid #10a696;}

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

#000505
```
#000505 rgb(0,5,5)
```
#021715
```
#021715 rgb(2,23,21)
```
#042925
```
#042925 rgb(4,41,37)
```
#063b35
```
#063b35 rgb(6,59,53)
```
#074d45
```
#074d45 rgb(7,77,69)
```
#095e55
```
#095e55 rgb(9,94,85)
```
#0b7066
```
#0b7066 rgb(11,112,102)
```
#0d8276
```
#0d8276 rgb(13,130,118)
```
#0e9486
```
#0e9486 rgb(14,148,134)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#12b8a6
```
#12b8a6 rgb(18,184,166)
```
#13cab6
```
#13cab6 rgb(19,202,182)
```
#15dcc6
```
#15dcc6 rgb(21,220,198)
```

Shade Color Variation

#1be9d3
```
#1be9d3 rgb(27,233,211)
```
#2debd7
```
#2debd7 rgb(45,235,215)
```
#3fedda
```
#3fedda rgb(63,237,218)
```
#51eedd
```
#51eedd rgb(81,238,221)
```
#63f0e1
```
#63f0e1 rgb(99,240,225)
```
#75f2e4
```
#75f2e4 rgb(117,242,228)
```
#87f3e8
```
#87f3e8 rgb(135,243,232)
```
#99f5eb
```
#99f5eb rgb(153,245,235)
```
#abf7ef
```
#abf7ef rgb(171,247,239)
```
#bcf9f2
```
#bcf9f2 rgb(188,249,242)
```
#cefaf6
```
#cefaf6 rgb(206,250,246)
```
#e0fcf9
```
#e0fcf9 rgb(224,252,249)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

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

#56605f
```
#56605f rgb(86,96,95)
```
#4f6764
```
#4f6764 rgb(79,103,100)
```
#486e6a
```
#486e6a rgb(72,110,106)
```
#41756f
```
#41756f rgb(65,117,111)
```
#3a7c75
```
#3a7c75 rgb(58,124,117)
```
#33837a
```
#33837a rgb(51,131,122)
```
#2c8a80
```
#2c8a80 rgb(44,138,128)
```
#259185
```
#259185 rgb(37,145,133)
```
#1e988b
```
#1e988b rgb(30,152,139)
```
#179f90
```
#179f90 rgb(23,159,144)
```
#10a696
```
#10a696 rgb(16,166,150)
```
#09ad9c
```
#09ad9c rgb(9,173,156)
```
#02b4a1
```
#02b4a1 rgb(2,180,161)
```

Tone Color Variation

Below, you can see how #10a696 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

#777777 Achromatopsia 0.005% of the population
#62807d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9892 Protanopia 1% of men
#a395a3 Deuteranopia 1% of men
#38a7b3 Tritanopia 0.001% of the population

Trichromacy

#6a9d93 Protanomaly 1% of men, 0.01% of women
#6d9b9e Deuteranomaly 6% of men, 0.4% of women
#29a6a8 Tritanomaly 0.01% of the population

#10a696 hex color

#10a696 Color Information

#10a696 Color Conversion

Color Schemes with #10a696

Alternatives to #10a696

#10a696 Preview

Shades and Tints of #10a696

Tones of #10a696

Color Blindness Simulator