#12adc2 hex color

In a RGB color space, hex #12adc2 is composed of 7.1% red, 67.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 10.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 187.2 degrees, a saturation of 83% and a lightness of 41.6%. #12adc2 color hex could be obtained by blending #24ffff with #005b85. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 68
- B 76
RGB color chart
- C 91
- M 11
- Y 0
- K 24
CMYK color chart

● #12adc2 color description : Strong cyan.

The hexadecimal color #12adc2 has RGB values of R:18, G:173, B:194 and CMYK values of C:0.91, M:0.11, Y:0, K:0.24. Its decimal value is 1224130.

Hex triplet	12adc2	`#12adc2`
RGB Decimal	18, 173, 194	`rgb(18,173,194)`
RGB Percent	7.1, 67.8, 76.1	`rgb(7.1%,67.8%,76.1%)`
CMYK	91, 11, 0, 24
HSL	187.2°, 83, 41.6	`hsl(187.2,83%,41.6%)`
HSV (or HSB)	187.2°, 90.7, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.89, -28.612, -21.03
XYZ	24.928, 33.908, 56.267
xyY	0.217, 0.295, 33.908
CIE-LCH	64.89, 35.509, 216.316
CIE-LUV	64.89, -47.132, -28.541
Hunter-Lab	58.231, -25.491, -16.529
Binary	00010010, 10101101, 11000010

#12adc2
```
#12adc2 rgb(18,173,194)
```
#c22712
```
#c22712 rgb(194,39,18)
```

Complementary Color

#12c27f
```
#12c27f rgb(18,194,127)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#1255c2
```
#1255c2 rgb(18,85,194)
```

Analogous Color

#c27f12
```
#c27f12 rgb(194,127,18)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#c21255
```
#c21255 rgb(194,18,85)
```

Split Complementary Color

#adc212
```
#adc212 rgb(173,194,18)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#c212ad
```
#c212ad rgb(194,18,173)
```

Triadic Color

#12c227
```
#12c227 rgb(18,194,39)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#c212ad
```
#c212ad rgb(194,18,173)
```
#c22712
```
#c22712 rgb(194,39,18)
```

Tetradic Color

#0c6f7c
```
#0c6f7c rgb(12,111,124)
```
#0e8393
```
#0e8393 rgb(14,131,147)
```
#1098ab
```
#1098ab rgb(16,152,171)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#14c2d9
```
#14c2d9 rgb(20,194,217)
```
#1dd2ea
```
#1dd2ea rgb(29,210,234)
```
#34d6ec
```
#34d6ec rgb(52,214,236)
```

Monochromatic Color

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

#12c2ab
```
#12c2ab rgb(18,194,171)
```
#12c2ba
```
#12c2ba rgb(18,194,186)
```
#12bcc2
```
#12bcc2 rgb(18,188,194)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#129ec2
```
#129ec2 rgb(18,158,194)
```
#1290c2
```
#1290c2 rgb(18,144,194)
```
#1281c2
```
#1281c2 rgb(18,129,194)
```

Similar Colors

Text with hexadecimal color #12adc2

This text has a font color of #12adc2.

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

#12adc2 background color

This paragraph has a background color of #12adc2.

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

#12adc2 border color

This element has a border color of #12adc2.

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

CSS codes

.text {color:#12adc2;}

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

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

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

#010d0f
```
#010d0f rgb(1,13,15)
```
#031d20
```
#031d20 rgb(3,29,32)
```
#052d32
```
#052d32 rgb(5,45,50)
```
#063d44
```
#063d44 rgb(6,61,68)
```
#084d56
```
#084d56 rgb(8,77,86)
```
#0a5d68
```
#0a5d68 rgb(10,93,104)
```
#0b6d7a
```
#0b6d7a rgb(11,109,122)
```
#0d7d8c
```
#0d7d8c rgb(13,125,140)
```
#0f8d9e
```
#0f8d9e rgb(15,141,158)
```
#109db0
```
#109db0 rgb(16,157,176)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#14bdd4
```
#14bdd4 rgb(20,189,212)
```
#15cde6
```
#15cde6 rgb(21,205,230)
```

Shade Color Variation

#24d3eb
```
#24d3eb rgb(36,211,235)
```
#36d7ec
```
#36d7ec rgb(54,215,236)
```
#48daee
```
#48daee rgb(72,218,238)
```
#5adef0
```
#5adef0 rgb(90,222,240)
```
#6ce1f1
```
#6ce1f1 rgb(108,225,241)
```
#7ee5f3
```
#7ee5f3 rgb(126,229,243)
```
#90e9f5
```
#90e9f5 rgb(144,233,245)
```
#a2ecf6
```
#a2ecf6 rgb(162,236,246)
```
#b4f0f8
```
#b4f0f8 rgb(180,240,248)
```
#c6f3fa
```
#c6f3fa rgb(198,243,250)
```
#d8f7fb
```
#d8f7fb rgb(216,247,251)
```
#eafbfd
```
#eafbfd rgb(234,251,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#646f70
```
#646f70 rgb(100,111,112)
```
#5b7579
```
#5b7579 rgb(91,117,121)
```
#537b81
```
#537b81 rgb(83,123,129)
```
#4b8289
```
#4b8289 rgb(75,130,137)
```
#438891
```
#438891 rgb(67,136,145)
```
#3b8e99
```
#3b8e99 rgb(59,142,153)
```
#3394a1
```
#3394a1 rgb(51,148,161)
```
#2a9aaa
```
#2a9aaa rgb(42,154,170)
```
#22a1b2
```
#22a1b2 rgb(34,161,178)
```
#1aa7ba
```
#1aa7ba rgb(26,167,186)
```
#12adc2
```
#12adc2 rgb(18,173,194)
```
#0ab3ca
```
#0ab3ca rgb(10,179,202)
```
#02b9d2
```
#02b9d2 rgb(2,185,210)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6b8a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da1bb Protanopia 1% of men
#9a9fcb Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6aa5bd Protanomaly 1% of men, 0.01% of women
#68a4c8 Deuteranomaly 6% of men, 0.4% of women
#06b0c0 Tritanomaly 0.01% of the population

#12adc2 hex color

#12adc2 Color Information

#12adc2 Color Conversion

Color Schemes with #12adc2

Alternatives to #12adc2

#12adc2 Preview

Shades and Tints of #12adc2

Tones of #12adc2

Color Blindness Simulator