colorhexa.com

#12a396 hex color

In a RGB color space, hex #12a396 is composed of 7.1% red, 63.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 0% magenta, 8% yellow and 36.1% black. It has a hue angle of 174.6 degrees, a saturation of 80.1% and a lightness of 35.5%. #12a396 color hex could be obtained by blending #24ffff with #00472d. Closest websafe color is: #009999.

- R 7
- G 64
- B 59
RGB color chart
- C 89
- M 0
- Y 8
- K 36
CMYK color chart

● #12a396 color description : Dark cyan.

The hexadecimal color #12a396 has RGB values of R:18, G:163, B:150 and CMYK values of C:0.89, M:0, Y:0.08, K:0.36. Its decimal value is 1221526.

Hex triplet	12a396	`#12a396`
RGB Decimal	18, 163, 150	`rgb(18,163,150)`
RGB Percent	7.1, 63.9, 58.8	`rgb(7.1%,63.9%,58.8%)`
CMYK	89, 0, 8, 36
HSL	174.6°, 80.1, 35.5	`hsl(174.6,80.1%,35.5%)`
HSV (or HSB)	174.6°, 89, 63.9
Web Safe	009999	`#009999`

CIE-LAB	60.358, -37.55, -3.183
XYZ	18.85, 28.523, 33.365
xyY	0.233, 0.353, 28.523
CIE-LCH	60.358, 37.684, 184.846
CIE-LUV	60.358, -47.037, 0.899
Hunter-Lab	53.407, -30.461, 0.345
Binary	00010010, 10100011, 10010110

#12a396
```
#12a396 rgb(18,163,150)
```
#a3121f
```
#a3121f rgb(163,18,31)
```

Complementary Color

#12a34e
```
#12a34e rgb(18,163,78)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#1268a3
```
#1268a3 rgb(18,104,163)
```

Analogous Color

#a34e12
```
#a34e12 rgb(163,78,18)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#a31268
```
#a31268 rgb(163,18,104)
```

Split Complementary Color

#a39612
```
#a39612 rgb(163,150,18)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#9612a3
```
#9612a3 rgb(150,18,163)
```

Triadic Color

#1fa312
```
#1fa312 rgb(31,163,18)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#9612a3
```
#9612a3 rgb(150,18,163)
```
#a3121f
```
#a3121f rgb(163,18,31)
```

Tetradic Color

#0a5e57
```
#0a5e57 rgb(10,94,87)
```
#0d756c
```
#0d756c rgb(13,117,108)
```
#0f8c81
```
#0f8c81 rgb(15,140,129)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#15baab
```
#15baab rgb(21,186,171)
```
#17d1c0
```
#17d1c0 rgb(23,209,192)
```
#1ce6d4
```
#1ce6d4 rgb(28,230,212)
```

Monochromatic Color

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

#12a372
```
#12a372 rgb(18,163,114)
```
#12a37e
```
#12a37e rgb(18,163,126)
```
#12a38a
```
#12a38a rgb(18,163,138)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#12a3a2
```
#12a3a2 rgb(18,163,162)
```
#1298a3
```
#1298a3 rgb(18,152,163)
```
#128ca3
```
#128ca3 rgb(18,140,163)
```

Similar Colors

Text with hexadecimal color #12a396

This text has a font color of #12a396.

<span style="color:#12a396;">Text here</span>

#12a396 background color

This paragraph has a background color of #12a396.

<p style="background-color:#12a396;">Content here</p>

#12a396 border color

This element has a border color of #12a396.

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

CSS codes

.text {color:#12a396;}

.background {background-color:#12a396;}

.border {border:1px solid #12a396;}

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

#000404
```
#000404 rgb(0,4,4)
```
#021614
```
#021614 rgb(2,22,20)
```
#042724
```
#042724 rgb(4,39,36)
```
#063934
```
#063934 rgb(6,57,52)
```
#084b45
```
#084b45 rgb(8,75,69)
```
#0a5c55
```
#0a5c55 rgb(10,92,85)
```
#0c6e65
```
#0c6e65 rgb(12,110,101)
```
#0e8075
```
#0e8075 rgb(14,128,117)
```
#109186
```
#109186 rgb(16,145,134)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#14b5a6
```
#14b5a6 rgb(20,181,166)
```
#16c6b7
```
#16c6b7 rgb(22,198,183)
```
#18d8c7
```
#18d8c7 rgb(24,216,199)
```

Shade Color Variation

#1de6d4
```
#1de6d4 rgb(29,230,212)
```
#2fe8d7
```
#2fe8d7 rgb(47,232,215)
```
#41eadb
```
#41eadb rgb(65,234,219)
```
#52ecde
```
#52ecde rgb(82,236,222)
```
#64eee2
```
#64eee2 rgb(100,238,226)
```
#76f0e5
```
#76f0e5 rgb(118,240,229)
```
#87f2e8
```
#87f2e8 rgb(135,242,232)
```
#99f4ec
```
#99f4ec rgb(153,244,236)
```
#abf6ef
```
#abf6ef rgb(171,246,239)
```
#bcf8f2
```
#bcf8f2 rgb(188,248,242)
```
#cefaf6
```
#cefaf6 rgb(206,250,246)
```
#e0fcf9
```
#e0fcf9 rgb(224,252,249)
```
#f1fdfc
```
#f1fdfc rgb(241,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d5d is the less saturated color, while #04b1a1 is the most saturated one.

#585d5d
```
#585d5d rgb(88,93,93)
```
#516463
```
#516463 rgb(81,100,99)
```
#4a6b68
```
#4a6b68 rgb(74,107,104)
```
#43726e
```
#43726e rgb(67,114,110)
```
#3c7974
```
#3c7974 rgb(60,121,116)
```
#358079
```
#358079 rgb(53,128,121)
```
#2e877f
```
#2e877f rgb(46,135,127)
```
#278e85
```
#278e85 rgb(39,142,133)
```
#20958b
```
#20958b rgb(32,149,139)
```
#199c90
```
#199c90 rgb(25,156,144)
```
#12a396
```
#12a396 rgb(18,163,150)
```
#0baa9c
```
#0baa9c rgb(11,170,156)
```
#04b1a1
```
#04b1a1 rgb(4,177,161)
```

Tone Color Variation

Below, you can see how #12a396 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
#627f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9692 Protanopia 1% of men
#9f93a2 Deuteranopia 1% of men
#37a4b0 Tritanopia 0.001% of the population

Trichromacy

#699b93 Protanomaly 1% of men, 0.01% of women
#6c989e Deuteranomaly 6% of men, 0.4% of women
#29a3a6 Tritanomaly 0.01% of the population