#12d2df hex color

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

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

● #12d2df color description : Vivid cyan.

The hexadecimal color #12d2df has RGB values of R:18, G:210, B:223 and CMYK values of C:0.92, M:0.06, Y:0, K:0.13. Its decimal value is 1233631.

Hex triplet	12d2df	`#12d2df`
RGB Decimal	18, 210, 223	`rgb(18,210,223)`
RGB Percent	7.1, 82.4, 87.5	`rgb(7.1%,82.4%,87.5%)`
CMYK	92, 6, 0, 13
HSL	183.8°, 85.1, 47.3	`hsl(183.8,85.1%,47.3%)`
HSV (or HSB)	183.8°, 91.9, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.008, -37.099, -18.463
XYZ	36.611, 51.546, 77.828
xyY	0.221, 0.311, 51.546
CIE-LCH	77.008, 41.439, 206.458
CIE-LUV	77.008, -57.534, -23.696
Hunter-Lab	71.795, -34.618, -14.015
Binary	00010010, 11010010, 11011111

#12d2df
```
#12d2df rgb(18,210,223)
```
#df1f12
```
#df1f12 rgb(223,31,18)
```

Complementary Color

#12df86
```
#12df86 rgb(18,223,134)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#126cdf
```
#126cdf rgb(18,108,223)
```

Analogous Color

#df8612
```
#df8612 rgb(223,134,18)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#df126c
```
#df126c rgb(223,18,108)
```

Split Complementary Color

#d2df12
```
#d2df12 rgb(210,223,18)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#df12d2
```
#df12d2 rgb(223,18,210)
```

Triadic Color

#12df1f
```
#12df1f rgb(18,223,31)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#df12d2
```
#df12d2 rgb(223,18,210)
```
#df1f12
```
#df1f12 rgb(223,31,18)
```

Tetradic Color

#0c8f98
```
#0c8f98 rgb(12,143,152)
```
#0ea6b0
```
#0ea6b0 rgb(14,166,176)
```
#10bcc7
```
#10bcc7 rgb(16,188,199)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#1ee0ed
```
#1ee0ed rgb(30,224,237)
```
#35e3ef
```
#35e3ef rgb(53,227,239)
```
#4de6f1
```
#4de6f1 rgb(77,230,241)
```

Monochromatic Color

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

#12dfb9
```
#12dfb9 rgb(18,223,185)
```
#12dfca
```
#12dfca rgb(18,223,202)
```
#12dfdb
```
#12dfdb rgb(18,223,219)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#12c1df
```
#12c1df rgb(18,193,223)
```
#12b0df
```
#12b0df rgb(18,176,223)
```
#129fdf
```
#129fdf rgb(18,159,223)
```

Similar Colors

Text with hexadecimal color #12d2df

This text has a font color of #12d2df.

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

#12d2df background color

This paragraph has a background color of #12d2df.

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

#12d2df border color

This element has a border color of #12d2df.

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

CSS codes

.text {color:#12d2df;}

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

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

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 #f2fdfe is the lightest one.

#000505
```
#000505 rgb(0,5,5)
```
#021617
```
#021617 rgb(2,22,23)
```
#032729
```
#032729 rgb(3,39,41)
```
#05383c
```
#05383c rgb(5,56,60)
```
#06494e
```
#06494e rgb(6,73,78)
```
#085a60
```
#085a60 rgb(8,90,96)
```
#096b72
```
#096b72 rgb(9,107,114)
```
#0b7d84
```
#0b7d84 rgb(11,125,132)
```
#0c8e96
```
#0c8e96 rgb(12,142,150)
```
#0e9fa9
```
#0e9fa9 rgb(14,159,169)
```
#0fb0bb
```
#0fb0bb rgb(15,176,187)
```
#11c1cd
```
#11c1cd rgb(17,193,205)
```
#12d2df
```
#12d2df rgb(18,210,223)
```

Shade Color Variation

#18dfec
```
#18dfec rgb(24,223,236)
```
#2ae1ee
```
#2ae1ee rgb(42,225,238)
```
#3de4ef
```
#3de4ef rgb(61,228,239)
```
#4fe6f1
```
#4fe6f1 rgb(79,230,241)
```
#61e9f2
```
#61e9f2 rgb(97,233,242)
```
#73ecf4
```
#73ecf4 rgb(115,236,244)
```
#85eef5
```
#85eef5 rgb(133,238,245)
```
#97f1f7
```
#97f1f7 rgb(151,241,247)
```
#a9f3f8
```
#a9f3f8 rgb(169,243,248)
```
#bcf6fa
```
#bcf6fa rgb(188,246,250)
```
#cef8fb
```
#cef8fb rgb(206,248,251)
```
#e0fbfc
```
#e0fbfc rgb(224,251,252)
```
#f2fdfe
```
#f2fdfe rgb(242,253,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 #09dae8 is the most saturated one.

#787979
```
#787979 rgb(120,121,121)
```
#6f8182
```
#6f8182 rgb(111,129,130)
```
#65898c
```
#65898c rgb(101,137,140)
```
#5c9195
```
#5c9195 rgb(92,145,149)
```
#53999e
```
#53999e rgb(83,153,158)
```
#4aa1a7
```
#4aa1a7 rgb(74,161,167)
```
#40aab1
```
#40aab1 rgb(64,170,177)
```
#37b2ba
```
#37b2ba rgb(55,178,186)
```
#2ebac3
```
#2ebac3 rgb(46,186,195)
```
#25c2cc
```
#25c2cc rgb(37,194,204)
```
#1bcad6
```
#1bcad6 rgb(27,202,214)
```
#12d2df
```
#12d2df rgb(18,210,223)
```
#09dae8
```
#09dae8 rgb(9,218,232)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#7fa5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec0d4 Protanopia 1% of men
#bebde9 Deuteranopia 1% of men
#25d3e3 Tritanopia 0.001% of the population

Trichromacy

#7fc6d8 Protanomaly 1% of men, 0.01% of women
#7fc5e5 Deuteranomaly 6% of men, 0.4% of women
#1ed3e1 Tritanomaly 0.01% of the population

#12d2df hex color

#12d2df Color Information

#12d2df Color Conversion

Color Schemes with #12d2df

Alternatives to #12d2df

#12d2df Preview

Shades and Tints of #12d2df

Tones of #12d2df

Color Blindness Simulator