#12dfd1 hex color

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

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

● #12dfd1 color description : Vivid cyan.

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

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

CIE-LAB	80.462, -46.984, -5.812
XYZ	38.142, 57.503, 69.407
xyY	0.231, 0.348, 57.503
CIE-LCH	80.462, 47.342, 187.051
CIE-LUV	80.462, -63.029, -1.711
Hunter-Lab	75.831, -42.921, -1.186
Binary	00010010, 11011111, 11010001

#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#df1220
```
#df1220 rgb(223,18,32)
```

Complementary Color

#12df6b
```
#12df6b rgb(18,223,107)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#1287df
```
#1287df rgb(18,135,223)
```

Analogous Color

#df6b12
```
#df6b12 rgb(223,107,18)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#df1287
```
#df1287 rgb(223,18,135)
```

Split Complementary Color

#dfd112
```
#dfd112 rgb(223,209,18)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#d112df
```
#d112df rgb(209,18,223)
```

Triadic Color

#20df12
```
#20df12 rgb(32,223,18)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#d112df
```
#d112df rgb(209,18,223)
```
#df1220
```
#df1220 rgb(223,18,32)
```

Tetradic Color

#0c988f
```
#0c988f rgb(12,152,143)
```
#0eb0a5
```
#0eb0a5 rgb(14,176,165)
```
#10c7bb
```
#10c7bb rgb(16,199,187)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#1eeddf
```
#1eeddf rgb(30,237,223)
```
#35efe2
```
#35efe2 rgb(53,239,226)
```
#4df1e5
```
#4df1e5 rgb(77,241,229)
```

Monochromatic Color

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

#12df9e
```
#12df9e rgb(18,223,158)
```
#12dfaf
```
#12dfaf rgb(18,223,175)
```
#12dfc0
```
#12dfc0 rgb(18,223,192)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#12dcdf
```
#12dcdf rgb(18,220,223)
```
#12cbdf
```
#12cbdf rgb(18,203,223)
```
#12badf
```
#12badf rgb(18,186,223)
```

Similar Colors

Text with hexadecimal color #12dfd1

This text has a font color of #12dfd1.

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

#12dfd1 background color

This paragraph has a background color of #12dfd1.

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

#12dfd1 border color

This element has a border color of #12dfd1.

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

CSS codes

.text {color:#12dfd1;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021716
```
#021716 rgb(2,23,22)
```
#032927
```
#032927 rgb(3,41,39)
```
#053c38
```
#053c38 rgb(5,60,56)
```
#064e49
```
#064e49 rgb(6,78,73)
```
#08605a
```
#08605a rgb(8,96,90)
```
#09726b
```
#09726b rgb(9,114,107)
```
#0b847c
```
#0b847c rgb(11,132,124)
```
#0c968d
```
#0c968d rgb(12,150,141)
```
#0ea99e
```
#0ea99e rgb(14,169,158)
```
#0fbbaf
```
#0fbbaf rgb(15,187,175)
```
#11cdc0
```
#11cdc0 rgb(17,205,192)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```

Shade Color Variation

#18ecde
```
#18ecde rgb(24,236,222)
```
#2aeee0
```
#2aeee0 rgb(42,238,224)
```
#3defe3
```
#3defe3 rgb(61,239,227)
```
#4ff1e6
```
#4ff1e6 rgb(79,241,230)
```
#61f2e8
```
#61f2e8 rgb(97,242,232)
```
#73f4eb
```
#73f4eb rgb(115,244,235)
```
#85f5ee
```
#85f5ee rgb(133,245,238)
```
#97f7f0
```
#97f7f0 rgb(151,247,240)
```
#a9f8f3
```
#a9f8f3 rgb(169,248,243)
```
#bcfaf5
```
#bcfaf5 rgb(188,250,245)
```
#cefbf8
```
#cefbf8 rgb(206,251,248)
```
#e0fcfb
```
#e0fcfb rgb(224,252,251)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

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

#787979
```
#787979 rgb(120,121,121)
```
#6f8281
```
#6f8281 rgb(111,130,129)
```
#658c89
```
#658c89 rgb(101,140,137)
```
#5c9591
```
#5c9591 rgb(92,149,145)
```
#539e99
```
#539e99 rgb(83,158,153)
```
#4aa7a1
```
#4aa7a1 rgb(74,167,161)
```
#40b1a9
```
#40b1a9 rgb(64,177,169)
```
#37bab1
```
#37bab1 rgb(55,186,177)
```
#2ec3b9
```
#2ec3b9 rgb(46,195,185)
```
#25ccc1
```
#25ccc1 rgb(37,204,193)
```
#1bd6c9
```
#1bd6c9 rgb(27,214,201)
```
#12dfd1
```
#12dfd1 rgb(18,223,209)
```
#09e8d9
```
#09e8d9 rgb(9,232,217)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#84adaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec9c7 Protanopia 1% of men
#d4c5dd Deuteranopia 1% of men
#43dcec Tritanopia 0.001% of the population

Trichromacy

#8ad1ca Protanomaly 1% of men, 0.01% of women
#8dced8 Deuteranomaly 6% of men, 0.4% of women
#31dde2 Tritanomaly 0.01% of the population

#12dfd1 hex color

#12dfd1 Color Information

#12dfd1 Color Conversion

Color Schemes with #12dfd1

Alternatives to #12dfd1

#12dfd1 Preview

Shades and Tints of #12dfd1

Tones of #12dfd1

Color Blindness Simulator