#12a5aa hex color

In a RGB color space, hex #12a5aa is composed of 7.1% red, 64.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 2.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 182 degrees, a saturation of 80.9% and a lightness of 36.9%. #12a5aa color hex could be obtained by blending #24ffff with #004b55. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 65
- B 67
RGB color chart
- C 89
- M 3
- Y 0
- K 33
CMYK color chart

● #12a5aa color description : Dark cyan.

The hexadecimal color #12a5aa has RGB values of R:18, G:165, B:170 and CMYK values of C:0.89, M:0.03, Y:0, K:0.33. Its decimal value is 1222058.

Hex triplet	12a5aa	`#12a5aa`
RGB Decimal	18, 165, 170	`rgb(18,165,170)`
RGB Percent	7.1, 64.7, 66.7	`rgb(7.1%,64.7%,66.7%)`
CMYK	89, 3, 0, 33
HSL	182°, 80.9, 36.9	`hsl(182,80.9%,36.9%)`
HSV (or HSB)	182°, 89.4, 66.7
Web Safe	009999	`#009999`

CIE-LAB	61.602, -32.42, -12.599
XYZ	20.958, 29.939, 42.702
xyY	0.224, 0.32, 29.939
CIE-LCH	61.602, 34.782, 201.238
CIE-LUV	61.602, -46.197, -14.304
Hunter-Lab	54.717, -27.383, -7.97
Binary	00010010, 10100101, 10101010

#12a5aa
```
#12a5aa rgb(18,165,170)
```
#aa1712
```
#aa1712 rgb(170,23,18)
```

Complementary Color

#12aa63
```
#12aa63 rgb(18,170,99)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#1259aa
```
#1259aa rgb(18,89,170)
```

Analogous Color

#aa6312
```
#aa6312 rgb(170,99,18)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#aa1259
```
#aa1259 rgb(170,18,89)
```

Split Complementary Color

#a5aa12
```
#a5aa12 rgb(165,170,18)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#aa12a5
```
#aa12a5 rgb(170,18,165)
```

Triadic Color

#12aa17
```
#12aa17 rgb(18,170,23)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#aa12a5
```
#aa12a5 rgb(170,18,165)
```
#aa1712
```
#aa1712 rgb(170,23,18)
```

Tetradic Color

#0b6265
```
#0b6265 rgb(11,98,101)
```
#0d787c
```
#0d787c rgb(13,120,124)
```
#108f93
```
#108f93 rgb(16,143,147)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#14bbc1
```
#14bbc1 rgb(20,187,193)
```
#17d2d8
```
#17d2d8 rgb(23,210,216)
```
#21e1e7
```
#21e1e7 rgb(33,225,231)
```

Monochromatic Color

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

#12aa89
```
#12aa89 rgb(18,170,137)
```
#12aa96
```
#12aa96 rgb(18,170,150)
```
#12aaa2
```
#12aaa2 rgb(18,170,162)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#1298aa
```
#1298aa rgb(18,152,170)
```
#128caa
```
#128caa rgb(18,140,170)
```
#127faa
```
#127faa rgb(18,127,170)
```

Similar Colors

Text with hexadecimal color #12a5aa

This text has a font color of #12a5aa.

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

#12a5aa background color

This paragraph has a background color of #12a5aa.

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

#12a5aa border color

This element has a border color of #12a5aa.

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

CSS codes

.text {color:#12a5aa;}

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

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

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, #010a0a is the darkest color, while #f8fefe is the lightest one.

#010a0a
```
#010a0a rgb(1,10,10)
```
#031b1c
```
#031b1c rgb(3,27,28)
```
#052c2e
```
#052c2e rgb(5,44,46)
```
#073e40
```
#073e40 rgb(7,62,64)
```
#094f51
```
#094f51 rgb(9,79,81)
```
#0a6063
```
#0a6063 rgb(10,96,99)
```
#0c7175
```
#0c7175 rgb(12,113,117)
```
#0e8387
```
#0e8387 rgb(14,131,135)
```
#109498
```
#109498 rgb(16,148,152)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#14b6bc
```
#14b6bc rgb(20,182,188)
```
#16c7cd
```
#16c7cd rgb(22,199,205)
```
#18d9df
```
#18d9df rgb(24,217,223)
```

Shade Color Variation

#23e1e8
```
#23e1e8 rgb(35,225,232)
```
#35e4ea
```
#35e4ea rgb(53,228,234)
```
#46e6eb
```
#46e6eb rgb(70,230,235)
```
#58e8ed
```
#58e8ed rgb(88,232,237)
```
#6aebef
```
#6aebef rgb(106,235,239)
```
#7bedf1
```
#7bedf1 rgb(123,237,241)
```
#8df0f3
```
#8df0f3 rgb(141,240,243)
```
#9ff2f5
```
#9ff2f5 rgb(159,242,245)
```
#b1f4f7
```
#b1f4f7 rgb(177,244,247)
```
#c2f7f9
```
#c2f7f9 rgb(194,247,249)
```
#d4f9fa
```
#d4f9fa rgb(212,249,250)
```
#e6fcfc
```
#e6fcfc rgb(230,252,252)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#5a6162
```
#5a6162 rgb(90,97,98)
```
#536869
```
#536869 rgb(83,104,105)
```
#4c6f70
```
#4c6f70 rgb(76,111,112)
```
#457677
```
#457677 rgb(69,118,119)
```
#3d7c7f
```
#3d7c7f rgb(61,124,127)
```
#368386
```
#368386 rgb(54,131,134)
```
#2f8a8d
```
#2f8a8d rgb(47,138,141)
```
#289194
```
#289194 rgb(40,145,148)
```
#20979c
```
#20979c rgb(32,151,156)
```
#199ea3
```
#199ea3 rgb(25,158,163)
```
#12a5aa
```
#12a5aa rgb(18,165,170)
```
#0bacb1
```
#0bacb1 rgb(11,172,177)
```
#04b3b8
```
#04b3b8 rgb(4,179,184)
```

Tone Color Variation

Below, you can see how #12a5aa 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

#7a7a7a Achromatopsia 0.005% of the population
#658384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9999a4 Protanopia 1% of men
#9a97b5 Deuteranopia 1% of men
#29a8b4 Tritanopia 0.001% of the population

Trichromacy

#689da6 Protanomaly 1% of men, 0.01% of women
#689cb1 Deuteranomaly 6% of men, 0.4% of women
#20a7b0 Tritanomaly 0.01% of the population

#12a5aa hex color

#12a5aa Color Information

#12a5aa Color Conversion

Color Schemes with #12a5aa

Alternatives to #12a5aa

#12a5aa Preview

Shades and Tints of #12a5aa

Tones of #12a5aa

Color Blindness Simulator