#12d1d3 hex color

In a RGB color space, hex #12d1d3 is composed of 7.1% red, 82% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 0.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 180.6 degrees, a saturation of 84.3% and a lightness of 44.9%. #12d1d3 color hex could be obtained by blending #24ffff with #00a3a7. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 82
- B 83
RGB color chart
- C 91
- M 1
- Y 0
- K 17
CMYK color chart

● #12d1d3 color description : Strong cyan.

The hexadecimal color #12d1d3 has RGB values of R:18, G:209, B:211 and CMYK values of C:0.91, M:0.01, Y:0, K:0.17. Its decimal value is 1233363.

Hex triplet	12d1d3	`#12d1d3`
RGB Decimal	18, 209, 211	`rgb(18,209,211)`
RGB Percent	7.1, 82, 82.7	`rgb(7.1%,82%,82.7%)`
CMYK	91, 1, 0, 17
HSL	180.6°, 84.3, 44.9	`hsl(180.6,84.3%,44.9%)`
HSV (or HSB)	180.6°, 91.5, 82.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.332, -40.27, -13.029
XYZ	34.804, 50.429, 69.524
xyY	0.225, 0.326, 50.429
CIE-LCH	76.332, 42.325, 197.928
CIE-LUV	76.332, -58.147, -14.279
Hunter-Lab	71.013, -36.79, -8.337
Binary	00010010, 11010001, 11010011

#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#d31412
```
#d31412 rgb(211,20,18)
```

Complementary Color

#12d375
```
#12d375 rgb(18,211,117)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#1271d3
```
#1271d3 rgb(18,113,211)
```

Analogous Color

#d37512
```
#d37512 rgb(211,117,18)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#d31271
```
#d31271 rgb(211,18,113)
```

Split Complementary Color

#d1d312
```
#d1d312 rgb(209,211,18)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#d312d1
```
#d312d1 rgb(211,18,209)
```

Triadic Color

#12d314
```
#12d314 rgb(18,211,20)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#d312d1
```
#d312d1 rgb(211,18,209)
```
#d31412
```
#d31412 rgb(211,20,18)
```

Tetradic Color

#0c8b8d
```
#0c8b8d rgb(12,139,141)
```
#0ea2a4
```
#0ea2a4 rgb(14,162,164)
```
#10babc
```
#10babc rgb(16,186,188)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#14e8ea
```
#14e8ea rgb(20,232,234)
```
#2bebed
```
#2bebed rgb(43,235,237)
```
#43edef
```
#43edef rgb(67,237,239)
```

Monochromatic Color

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

#12d3a5
```
#12d3a5 rgb(18,211,165)
```
#12d3b5
```
#12d3b5 rgb(18,211,181)
```
#12d3c5
```
#12d3c5 rgb(18,211,197)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#12c1d3
```
#12c1d3 rgb(18,193,211)
```
#12b1d3
```
#12b1d3 rgb(18,177,211)
```
#12a1d3
```
#12a1d3 rgb(18,161,211)
```

Similar Colors

Text with hexadecimal color #12d1d3

This text has a font color of #12d1d3.

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

#12d1d3 background color

This paragraph has a background color of #12d1d3.

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

#12d1d3 border color

This element has a border color of #12d1d3.

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

CSS codes

.text {color:#12d1d3;}

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

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

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

#010c0c
```
#010c0c rgb(1,12,12)
```
#031e1e
```
#031e1e rgb(3,30,30)
```
#043030
```
#043030 rgb(4,48,48)
```
#064242
```
#064242 rgb(6,66,66)
```
#075454
```
#075454 rgb(7,84,84)
```
#096667
```
#096667 rgb(9,102,103)
```
#0a7779
```
#0a7779 rgb(10,119,121)
```
#0c898b
```
#0c898b rgb(12,137,139)
```
#0d9b9d
```
#0d9b9d rgb(13,155,157)
```
#0fadaf
```
#0fadaf rgb(15,173,175)
```
#10bfc1
```
#10bfc1 rgb(16,191,193)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#14e3e5
```
#14e3e5 rgb(20,227,229)
```

Shade Color Variation

#20eaec
```
#20eaec rgb(32,234,236)
```
#32ecee
```
#32ecee rgb(50,236,238)
```
#44edef
```
#44edef rgb(68,237,239)
```
#56eff1
```
#56eff1 rgb(86,239,241)
```
#69f1f2
```
#69f1f2 rgb(105,241,242)
```
#7bf2f4
```
#7bf2f4 rgb(123,242,244)
```
#8df4f5
```
#8df4f5 rgb(141,244,245)
```
#9ff6f7
```
#9ff6f7 rgb(159,246,247)
```
#b1f8f8
```
#b1f8f8 rgb(177,248,248)
```
#c3f9fa
```
#c3f9fa rgb(195,249,250)
```
#d5fbfb
```
#d5fbfb rgb(213,251,251)
```
#e7fdfd
```
#e7fdfd rgb(231,253,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a7b7b is the less saturated color, while #00e2e5 is the most saturated one.

#6a7b7b
```
#6a7b7b rgb(106,123,123)
```
#618384
```
#618384 rgb(97,131,132)
```
#588c8d
```
#588c8d rgb(88,140,141)
```
#509595
```
#509595 rgb(80,149,149)
```
#479d9e
```
#479d9e rgb(71,157,158)
```
#3ea6a7
```
#3ea6a7 rgb(62,166,167)
```
#35aeb0
```
#35aeb0 rgb(53,174,176)
```
#2cb7b9
```
#2cb7b9 rgb(44,183,185)
```
#24c0c1
```
#24c0c1 rgb(36,192,193)
```
#1bc8ca
```
#1bc8ca rgb(27,200,202)
```
#12d1d3
```
#12d1d3 rgb(18,209,211)
```
#09dadc
```
#09dadc rgb(9,218,220)
```
#00e2e5
```
#00e2e5 rgb(0,226,229)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7da3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbec9 Protanopia 1% of men
#c1bbde Deuteranopia 1% of men
#33d1e0 Tritanopia 0.001% of the population

Trichromacy

#80c5cc Protanomaly 1% of men, 0.01% of women
#81c3da Deuteranomaly 6% of men, 0.4% of women
#27d1db Tritanomaly 0.01% of the population

#12d1d3 hex color

#12d1d3 Color Information

#12d1d3 Color Conversion

Color Schemes with #12d1d3

Alternatives to #12d1d3

#12d1d3 Preview

Shades and Tints of #12d1d3

Tones of #12d1d3

Color Blindness Simulator