#12d7dd hex color

In a RGB color space, hex #12d7dd is composed of 7.1% red, 84.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 2.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 181.8 degrees, a saturation of 84.9% and a lightness of 46.9%. #12d7dd color hex could be obtained by blending #24ffff with #00afbb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 84
- B 87
RGB color chart
- C 92
- M 3
- Y 0
- K 13
CMYK color chart

● #12d7dd color description : Vivid cyan.

The hexadecimal color #12d7dd has RGB values of R:18, G:215, B:221 and CMYK values of C:0.92, M:0.03, Y:0, K:0.13. Its decimal value is 1234909.

Hex triplet	12d7dd	`#12d7dd`
RGB Decimal	18, 215, 221	`rgb(18,215,221)`
RGB Percent	7.1, 84.3, 86.7	`rgb(7.1%,84.3%,86.7%)`
CMYK	92, 3, 0, 13
HSL	181.8°, 84.9, 46.9	`hsl(181.8,84.9%,46.9%)`
HSV (or HSB)	181.8°, 91.9, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.43, -39.991, -15.247
XYZ	37.597, 53.946, 76.834
xyY	0.223, 0.32, 53.946
CIE-LCH	78.43, 42.799, 200.869
CIE-LUV	78.43, -59.382, -18
Hunter-Lab	73.448, -37.162, -10.609
Binary	00010010, 11010111, 11011101

#12d7dd
```
#12d7dd rgb(18,215,221)
```
#dd1812
```
#dd1812 rgb(221,24,18)
```

Complementary Color

#12dd7e
```
#12dd7e rgb(18,221,126)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#1272dd
```
#1272dd rgb(18,114,221)
```

Analogous Color

#dd7e12
```
#dd7e12 rgb(221,126,18)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#dd1272
```
#dd1272 rgb(221,18,114)
```

Split Complementary Color

#d7dd12
```
#d7dd12 rgb(215,221,18)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#dd12d7
```
#dd12d7 rgb(221,18,215)
```

Triadic Color

#12dd18
```
#12dd18 rgb(18,221,24)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#dd12d7
```
#dd12d7 rgb(221,18,215)
```
#dd1812
```
#dd1812 rgb(221,24,18)
```

Tetradic Color

#0c9296
```
#0c9296 rgb(12,146,150)
```
#0ea9ae
```
#0ea9ae rgb(14,169,174)
```
#10c0c5
```
#10c0c5 rgb(16,192,197)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#1ce6ed
```
#1ce6ed rgb(28,230,237)
```
#34e9ee
```
#34e9ee rgb(52,233,238)
```
#4bebf0
```
#4bebf0 rgb(75,235,240)
```

Monochromatic Color

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

#12ddb0
```
#12ddb0 rgb(18,221,176)
```
#12ddc1
```
#12ddc1 rgb(18,221,193)
```
#12ddd2
```
#12ddd2 rgb(18,221,210)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#12c6dd
```
#12c6dd rgb(18,198,221)
```
#12b5dd
```
#12b5dd rgb(18,181,221)
```
#12a4dd
```
#12a4dd rgb(18,164,221)
```

Similar Colors

Text with hexadecimal color #12d7dd

This text has a font color of #12d7dd.

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

#12d7dd background color

This paragraph has a background color of #12d7dd.

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

#12d7dd border color

This element has a border color of #12d7dd.

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

CSS codes

.text {color:#12d7dd;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021515
```
#021515 rgb(2,21,21)
```
#032728
```
#032728 rgb(3,39,40)
```
#05383a
```
#05383a rgb(5,56,58)
```
#064a4c
```
#064a4c rgb(6,74,76)
```
#085b5e
```
#085b5e rgb(8,91,94)
```
#096d70
```
#096d70 rgb(9,109,112)
```
#0b7f82
```
#0b7f82 rgb(11,127,130)
```
#0c9094
```
#0c9094 rgb(12,144,148)
```
#0ea2a7
```
#0ea2a7 rgb(14,162,167)
```
#0fb4b9
```
#0fb4b9 rgb(15,180,185)
```
#11c5cb
```
#11c5cb rgb(17,197,203)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```

Shade Color Variation

#17e6ec
```
#17e6ec rgb(23,230,236)
```
#29e8ee
```
#29e8ee rgb(41,232,238)
```
#3beaef
```
#3beaef rgb(59,234,239)
```
#4decf0
```
#4decf0 rgb(77,236,240)
```
#5feef2
```
#5feef2 rgb(95,238,242)
```
#71f0f3
```
#71f0f3 rgb(113,240,243)
```
#83f2f5
```
#83f2f5 rgb(131,242,245)
```
#96f4f6
```
#96f4f6 rgb(150,244,246)
```
#a8f6f8
```
#a8f6f8 rgb(168,246,248)
```
#baf7f9
```
#baf7f9 rgb(186,247,249)
```
#ccf9fb
```
#ccf9fb rgb(204,249,251)
```
#defbfc
```
#defbfc rgb(222,251,252)
```
#f0fdfe
```
#f0fdfe rgb(240,253,254)
```

Tint Color Variation

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

#777878
```
#777878 rgb(119,120,120)
```
#6e8181
```
#6e8181 rgb(110,129,129)
```
#65898a
```
#65898a rgb(101,137,138)
```
#5c9293
```
#5c9293 rgb(92,146,147)
```
#529a9d
```
#529a9d rgb(82,154,157)
```
#49a3a6
```
#49a3a6 rgb(73,163,166)
```
#40acaf
```
#40acaf rgb(64,172,175)
```
#37b4b8
```
#37b4b8 rgb(55,180,184)
```
#2ebdc1
```
#2ebdc1 rgb(46,189,193)
```
#24c6cb
```
#24c6cb rgb(36,198,203)
```
#1bced4
```
#1bced4 rgb(27,206,212)
```
#12d7dd
```
#12d7dd rgb(18,215,221)
```
#09e0e6
```
#09e0e6 rgb(9,224,230)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#81a9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c3d2 Protanopia 1% of men
#c5c1e7 Deuteranopia 1% of men
#30d7e7 Tritanopia 0.001% of the population

Trichromacy

#83cad6 Protanomaly 1% of men, 0.01% of women
#84c9e3 Deuteranomaly 6% of men, 0.4% of women
#25d7e3 Tritanomaly 0.01% of the population

#12d7dd hex color

#12d7dd Color Information

#12d7dd Color Conversion

Color Schemes with #12d7dd

Alternatives to #12d7dd

#12d7dd Preview

Shades and Tints of #12d7dd

Tones of #12d7dd

Color Blindness Simulator