#12dfd9 hex color

In a RGB color space, hex #12dfd9 is composed of 7.1% red, 87.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 0% magenta, 2.7% yellow and 12.5% black. It has a hue angle of 178.2 degrees, a saturation of 85.1% and a lightness of 47.3%. #12dfd9 color hex could be obtained by blending #24ffff with #00bfb3. Closest websafe color is: #00cccc.

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

● #12dfd9 color description : Vivid cyan.

The hexadecimal color #12dfd9 has RGB values of R:18, G:223, B:217 and CMYK values of C:0.92, M:0, Y:0.03, K:0.13. Its decimal value is 1236953.

Hex triplet	12dfd9	`#12dfd9`
RGB Decimal	18, 223, 217	`rgb(18,223,217)`
RGB Percent	7.1, 87.5, 85.1	`rgb(7.1%,87.5%,85.1%)`
CMYK	92, 0, 3, 13
HSL	178.2°, 85.1, 47.3	`hsl(178.2,85.1%,47.3%)`
HSV (or HSB)	178.2°, 91.9, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	80.689, -44.716, -9.733
XYZ	39.157, 57.91, 74.756
xyY	0.228, 0.337, 57.91
CIE-LCH	80.689, 45.763, 192.28
CIE-LUV	80.689, -62.394, -8.341
Hunter-Lab	76.098, -41.323, -4.975
Binary	00010010, 11011111, 11011001

#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#df1218
```
#df1218 rgb(223,18,24)
```

Complementary Color

#12df73
```
#12df73 rgb(18,223,115)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#127fdf
```
#127fdf rgb(18,127,223)
```

Analogous Color

#df7312
```
#df7312 rgb(223,115,18)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#df127f
```
#df127f rgb(223,18,127)
```

Split Complementary Color

#dfd912
```
#dfd912 rgb(223,217,18)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#d912df
```
#d912df rgb(217,18,223)
```

Triadic Color

#18df12
```
#18df12 rgb(24,223,18)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#d912df
```
#d912df rgb(217,18,223)
```
#df1218
```
#df1218 rgb(223,18,24)
```

Tetradic Color

#0c9894
```
#0c9894 rgb(12,152,148)
```
#0eb0ab
```
#0eb0ab rgb(14,176,171)
```
#10c7c2
```
#10c7c2 rgb(16,199,194)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#1eede7
```
#1eede7 rgb(30,237,231)
```
#35efe9
```
#35efe9 rgb(53,239,233)
```
#4df1ec
```
#4df1ec rgb(77,241,236)
```

Monochromatic Color

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

#12dfa6
```
#12dfa6 rgb(18,223,166)
```
#12dfb7
```
#12dfb7 rgb(18,223,183)
```
#12dfc8
```
#12dfc8 rgb(18,223,200)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#12d4df
```
#12d4df rgb(18,212,223)
```
#12c3df
```
#12c3df rgb(18,195,223)
```
#12b2df
```
#12b2df rgb(18,178,223)
```

Similar Colors

Text with hexadecimal color #12dfd9

This text has a font color of #12dfd9.

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

#12dfd9 background color

This paragraph has a background color of #12dfd9.

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

#12dfd9 border color

This element has a border color of #12dfd9.

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

CSS codes

.text {color:#12dfd9;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021717
```
#021717 rgb(2,23,23)
```
#032928
```
#032928 rgb(3,41,40)
```
#053c3a
```
#053c3a rgb(5,60,58)
```
#064e4c
```
#064e4c rgb(6,78,76)
```
#08605d
```
#08605d rgb(8,96,93)
```
#09726f
```
#09726f rgb(9,114,111)
```
#0b8481
```
#0b8481 rgb(11,132,129)
```
#0c9692
```
#0c9692 rgb(12,150,146)
```
#0ea9a4
```
#0ea9a4 rgb(14,169,164)
```
#0fbbb6
```
#0fbbb6 rgb(15,187,182)
```
#11cdc7
```
#11cdc7 rgb(17,205,199)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```

Shade Color Variation

#18ece6
```
#18ece6 rgb(24,236,230)
```
#2aeee8
```
#2aeee8 rgb(42,238,232)
```
#3defea
```
#3defea rgb(61,239,234)
```
#4ff1ec
```
#4ff1ec rgb(79,241,236)
```
#61f2ee
```
#61f2ee rgb(97,242,238)
```
#73f4f0
```
#73f4f0 rgb(115,244,240)
```
#85f5f2
```
#85f5f2 rgb(133,245,242)
```
#97f7f4
```
#97f7f4 rgb(151,247,244)
```
#a9f8f6
```
#a9f8f6 rgb(169,248,246)
```
#bcfaf8
```
#bcfaf8 rgb(188,250,248)
```
#cefbfa
```
#cefbfa rgb(206,251,250)
```
#e0fcfc
```
#e0fcfc rgb(224,252,252)
```
#f2fefe
```
#f2fefe rgb(242,254,254)
```

Tint Color Variation

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

#787979
```
#787979 rgb(120,121,121)
```
#6f8282
```
#6f8282 rgb(111,130,130)
```
#658c8a
```
#658c8a rgb(101,140,138)
```
#5c9593
```
#5c9593 rgb(92,149,147)
```
#539e9c
```
#539e9c rgb(83,158,156)
```
#4aa7a5
```
#4aa7a5 rgb(74,167,165)
```
#40b1ad
```
#40b1ad rgb(64,177,173)
```
#37bab6
```
#37bab6 rgb(55,186,182)
```
#2ec3bf
```
#2ec3bf rgb(46,195,191)
```
#25ccc8
```
#25ccc8 rgb(37,204,200)
```
#1bd6d0
```
#1bd6d0 rgb(27,214,208)
```
#12dfd9
```
#12dfd9 rgb(18,223,217)
```
#09e8e2
```
#09e8e2 rgb(9,232,226)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#84adac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcace Protanopia 1% of men
#d1c6e4 Deuteranopia 1% of men
#3ddded Tritanopia 0.001% of the population

Trichromacy

#89d1d2 Protanomaly 1% of men, 0.01% of women
#8bcfe0 Deuteranomaly 6% of men, 0.4% of women
#2ddee6 Tritanomaly 0.01% of the population

#12dfd9 hex color

#12dfd9 Color Information

#12dfd9 Color Conversion

Color Schemes with #12dfd9

Alternatives to #12dfd9

#12dfd9 Preview

Shades and Tints of #12dfd9

Tones of #12dfd9

Color Blindness Simulator