#12d1d9 hex color

In a RGB color space, hex #12d1d9 is composed of 7.1% red, 82% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 3.7% magenta, 0% yellow and 14.9% black. It has a hue angle of 182.4 degrees, a saturation of 84.7% and a lightness of 46.1%. #12d1d9 color hex could be obtained by blending #24ffff with #00a3b3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 82
- B 85
RGB color chart
- C 92
- M 4
- Y 0
- K 15
CMYK color chart

● #12d1d9 color description : Vivid cyan.

The hexadecimal color #12d1d9 has RGB values of R:18, G:209, B:217 and CMYK values of C:0.92, M:0.04, Y:0, K:0.15. Its decimal value is 1233369.

Hex triplet	12d1d9	`#12d1d9`
RGB Decimal	18, 209, 217	`rgb(18,209,217)`
RGB Percent	7.1, 82, 85.1	`rgb(7.1%,82%,85.1%)`
CMYK	92, 4, 0, 15
HSL	182.4°, 84.7, 46.1	`hsl(182.4,84.7%,46.1%)`
HSV (or HSB)	182.4°, 91.7, 85.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.519, -38.468, -15.977
XYZ	35.57, 50.736, 73.56
xyY	0.223, 0.317, 50.736
CIE-LCH	76.519, 41.654, 202.555
CIE-LUV	76.519, -57.671, -19.372
Hunter-Lab	71.229, -35.511, -11.37
Binary	00010010, 11010001, 11011001

#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#d91a12
```
#d91a12 rgb(217,26,18)
```

Complementary Color

#12d97e
```
#12d97e rgb(18,217,126)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#126ed9
```
#126ed9 rgb(18,110,217)
```

Analogous Color

#d97e12
```
#d97e12 rgb(217,126,18)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#d9126e
```
#d9126e rgb(217,18,110)
```

Split Complementary Color

#d1d912
```
#d1d912 rgb(209,217,18)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#d912d1
```
#d912d1 rgb(217,18,209)
```

Triadic Color

#12d91a
```
#12d91a rgb(18,217,26)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#d912d1
```
#d912d1 rgb(217,18,209)
```
#d91a12
```
#d91a12 rgb(217,26,18)
```

Tetradic Color

#0c8d92
```
#0c8d92 rgb(12,141,146)
```
#0ea4aa
```
#0ea4aa rgb(14,164,170)
```
#10bac1
```
#10bac1 rgb(16,186,193)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#19e3ec
```
#19e3ec rgb(25,227,236)
```
#30e6ee
```
#30e6ee rgb(48,230,238)
```
#48e9f0
```
#48e9f0 rgb(72,233,240)
```

Monochromatic Color

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

#12d9af
```
#12d9af rgb(18,217,175)
```
#12d9c0
```
#12d9c0 rgb(18,217,192)
```
#12d9d0
```
#12d9d0 rgb(18,217,208)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#12c0d9
```
#12c0d9 rgb(18,192,217)
```
#12b0d9
```
#12b0d9 rgb(18,176,217)
```
#129fd9
```
#129fd9 rgb(18,159,217)
```

Similar Colors

Text with hexadecimal color #12d1d9

This text has a font color of #12d1d9.

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

#12d1d9 background color

This paragraph has a background color of #12d1d9.

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

#12d1d9 border color

This element has a border color of #12d1d9.

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

CSS codes

.text {color:#12d1d9;}

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

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

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

#011112
```
#011112 rgb(1,17,18)
```
#032324
```
#032324 rgb(3,35,36)
```
#043436
```
#043436 rgb(4,52,54)
```
#064548
```
#064548 rgb(6,69,72)
```
#07575a
```
#07575a rgb(7,87,90)
```
#09686c
```
#09686c rgb(9,104,108)
```
#0a7a7e
```
#0a7a7e rgb(10,122,126)
```
#0c8b91
```
#0c8b91 rgb(12,139,145)
```
#0d9da3
```
#0d9da3 rgb(13,157,163)
```
#0faeb5
```
#0faeb5 rgb(15,174,181)
```
#10c0c7
```
#10c0c7 rgb(16,192,199)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#14e2eb
```
#14e2eb rgb(20,226,235)
```

Shade Color Variation

#25e5ed
```
#25e5ed rgb(37,229,237)
```
#37e7ee
```
#37e7ee rgb(55,231,238)
```
#4ae9f0
```
#4ae9f0 rgb(74,233,240)
```
#5cebf1
```
#5cebf1 rgb(92,235,241)
```
#6eeef3
```
#6eeef3 rgb(110,238,243)
```
#80f0f4
```
#80f0f4 rgb(128,240,244)
```
#92f2f6
```
#92f2f6 rgb(146,242,246)
```
#a4f4f7
```
#a4f4f7 rgb(164,244,247)
```
#b6f6f9
```
#b6f6f9 rgb(182,246,249)
```
#c8f8fa
```
#c8f8fa rgb(200,248,250)
```
#dafbfc
```
#dafbfc rgb(218,251,252)
```
#edfdfd
```
#edfdfd rgb(237,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757676
```
#757676 rgb(117,118,118)
```
#6c7e7f
```
#6c7e7f rgb(108,126,127)
```
#638688
```
#638688 rgb(99,134,136)
```
#5a8f91
```
#5a8f91 rgb(90,143,145)
```
#51979a
```
#51979a rgb(81,151,154)
```
#489fa3
```
#489fa3 rgb(72,159,163)
```
#3fa7ac
```
#3fa7ac rgb(63,167,172)
```
#36b0b5
```
#36b0b5 rgb(54,176,181)
```
#2db8be
```
#2db8be rgb(45,184,190)
```
#24c0c7
```
#24c0c7 rgb(36,192,199)
```
#1bc9d0
```
#1bc9d0 rgb(27,201,208)
```
#12d1d9
```
#12d1d9 rgb(18,209,217)
```
#09d9e2
```
#09d9e2 rgb(9,217,226)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7ea4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebfcf Protanopia 1% of men
#bfbce3 Deuteranopia 1% of men
#2cd2e1 Tritanopia 0.001% of the population

Trichromacy

#7fc5d2 Protanomaly 1% of men, 0.01% of women
#80c3df Deuteranomaly 6% of men, 0.4% of women
#22d1de Tritanomaly 0.01% of the population

#12d1d9 hex color

#12d1d9 Color Information

#12d1d9 Color Conversion

Color Schemes with #12d1d9

Alternatives to #12d1d9

#12d1d9 Preview

Shades and Tints of #12d1d9

Tones of #12d1d9

Color Blindness Simulator