#12caa1 hex color

In a RGB color space, hex #12caa1 is composed of 7.1% red, 79.2% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 0% magenta, 20.3% yellow and 20.8% black. It has a hue angle of 166.6 degrees, a saturation of 83.6% and a lightness of 43.1%. #12caa1 color hex could be obtained by blending #24ffff with #009543. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 79
- B 63
RGB color chart
- C 91
- M 0
- Y 20
- K 21
CMYK color chart

● #12caa1 color description : Strong cyan.

The hexadecimal color #12caa1 has RGB values of R:18, G:202, B:161 and CMYK values of C:0.91, M:0, Y:0.2, K:0.21. Its decimal value is 1231521.

Hex triplet	12caa1	`#12caa1`
RGB Decimal	18, 202, 161	`rgb(18,202,161)`
RGB Percent	7.1, 79.2, 63.1	`rgb(7.1%,79.2%,63.1%)`
CMYK	91, 0, 20, 21
HSL	166.6°, 83.6, 43.1	`hsl(166.6,83.6%,43.1%)`
HSV (or HSB)	166.6°, 91.1, 79.2
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.852, -51.083, 8.858
XYZ	27.8, 44.94, 40.925
xyY	0.245, 0.395, 44.94
CIE-LCH	72.852, 51.846, 170.163
CIE-LUV	72.852, -59.663, 20.94
Hunter-Lab	67.037, -43.291, 10.73
Binary	00010010, 11001010, 10100001

#12caa1
```
#12caa1 rgb(18,202,161)
```
#ca123b
```
#ca123b rgb(202,18,59)
```

Complementary Color

#12ca45
```
#12ca45 rgb(18,202,69)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#1297ca
```
#1297ca rgb(18,151,202)
```

Analogous Color

#ca4512
```
#ca4512 rgb(202,69,18)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#ca1297
```
#ca1297 rgb(202,18,151)
```

Split Complementary Color

#caa112
```
#caa112 rgb(202,161,18)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#a112ca
```
#a112ca rgb(161,18,202)
```

Triadic Color

#3bca12
```
#3bca12 rgb(59,202,18)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#a112ca
```
#a112ca rgb(161,18,202)
```
#ca123b
```
#ca123b rgb(202,18,59)
```

Tetradic Color

#0c8469
```
#0c8469 rgb(12,132,105)
```
#0e9b7c
```
#0e9b7c rgb(14,155,124)
```
#10b38e
```
#10b38e rgb(16,179,142)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#14e1b4
```
#14e1b4 rgb(20,225,180)
```
#24ebbf
```
#24ebbf rgb(36,235,191)
```
#3beec6
```
#3beec6 rgb(59,238,198)
```

Monochromatic Color

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

#12ca73
```
#12ca73 rgb(18,202,115)
```
#12ca82
```
#12ca82 rgb(18,202,130)
```
#12ca92
```
#12ca92 rgb(18,202,146)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#12cab0
```
#12cab0 rgb(18,202,176)
```
#12cac0
```
#12cac0 rgb(18,202,192)
```
#12c5ca
```
#12c5ca rgb(18,197,202)
```

Similar Colors

Text with hexadecimal color #12caa1

This text has a font color of #12caa1.

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

#12caa1 background color

This paragraph has a background color of #12caa1.

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

#12caa1 border color

This element has a border color of #12caa1.

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

CSS codes

.text {color:#12caa1;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#021611
```
#021611 rgb(2,22,17)
```
#042820
```
#042820 rgb(4,40,32)
```
#053a2e
```
#053a2e rgb(5,58,46)
```
#074c3d
```
#074c3d rgb(7,76,61)
```
#085e4b
```
#085e4b rgb(8,94,75)
```
#0a7059
```
#0a7059 rgb(10,112,89)
```
#0c8268
```
#0c8268 rgb(12,130,104)
```
#0d9476
```
#0d9476 rgb(13,148,118)
```
#0fa684
```
#0fa684 rgb(15,166,132)
```
#10b893
```
#10b893 rgb(16,184,147)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#14dcaf
```
#14dcaf rgb(20,220,175)
```

Shade Color Variation

#19eabc
```
#19eabc rgb(25,234,188)
```
#2becc1
```
#2becc1 rgb(43,236,193)
```
#3deec6
```
#3deec6 rgb(61,238,198)
```
#4fefcc
```
#4fefcc rgb(79,239,204)
```
#61f1d1
```
#61f1d1 rgb(97,241,209)
```
#73f3d6
```
#73f3d6 rgb(115,243,214)
```
#85f4db
```
#85f4db rgb(133,244,219)
```
#97f6e1
```
#97f6e1 rgb(151,246,225)
```
#a9f7e6
```
#a9f7e6 rgb(169,247,230)
```
#bbf9eb
```
#bbf9eb rgb(187,249,235)
```
#cdfbf0
```
#cdfbf0 rgb(205,251,240)
```
#dffcf6
```
#dffcf6 rgb(223,252,246)
```
#f1fefb
```
#f1fefb rgb(241,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #677572 is the less saturated color, while #01dbaa is the most saturated one.

#677572
```
#677572 rgb(103,117,114)
```
#5e7e77
```
#5e7e77 rgb(94,126,119)
```
#56867b
```
#56867b rgb(86,134,123)
```
#4d8f80
```
#4d8f80 rgb(77,143,128)
```
#459785
```
#459785 rgb(69,151,133)
```
#3ca08a
```
#3ca08a rgb(60,160,138)
```
#34a88e
```
#34a88e rgb(52,168,142)
```
#2bb193
```
#2bb193 rgb(43,177,147)
```
#23b998
```
#23b998 rgb(35,185,152)
```
#1ac29c
```
#1ac29c rgb(26,194,156)
```
#12caa1
```
#12caa1 rgb(18,202,161)
```
#0ad2a6
```
#0ad2a6 rgb(10,210,166)
```
#01dbaa
```
#01dbaa rgb(1,219,170)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#759a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b69b Protanopia 1% of men
#cab1af Deuteranopia 1% of men
#4dc6d4 Tritanopia 0.001% of the population

Trichromacy

#80bd9d Protanomaly 1% of men, 0.01% of women
#87baaa Deuteranomaly 6% of men, 0.4% of women
#37c7c1 Tritanomaly 0.01% of the population

#12caa1 hex color

#12caa1 Color Information

#12caa1 Color Conversion

Color Schemes with #12caa1

Alternatives to #12caa1

#12caa1 Preview

Shades and Tints of #12caa1

Tones of #12caa1

Color Blindness Simulator