#12e4de hex color

In a RGB color space, hex #12e4de is composed of 7.1% red, 89.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 0% magenta, 2.6% yellow and 10.6% black. It has a hue angle of 178.3 degrees, a saturation of 85.4% and a lightness of 48.2%. #12e4de color hex could be obtained by blending #24ffff with #00c9bd. Closest websafe color is: #00cccc.

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

● #12e4de color description : Vivid cyan.

The hexadecimal color #12e4de has RGB values of R:18, G:228, B:222 and CMYK values of C:0.92, M:0, Y:0.03, K:0.11. Its decimal value is 1238238.

Hex triplet	12e4de	`#12e4de`
RGB Decimal	18, 228, 222	`rgb(18,228,222)`
RGB Percent	7.1, 89.4, 87.1	`rgb(7.1%,89.4%,87.1%)`
CMYK	92, 0, 3, 11
HSL	178.3°, 85.4, 48.2	`hsl(178.3,85.4%,48.2%)`
HSV (or HSB)	178.3°, 92.1, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	82.317, -45.457, -9.965
XYZ	41.173, 60.885, 78.685
xyY	0.228, 0.337, 60.885
CIE-LCH	82.317, 46.536, 192.364
CIE-LUV	82.317, -63.673, -8.621
Hunter-Lab	78.029, -42.362, -5.168
Binary	00010010, 11100100, 11011110

#12e4de
```
#12e4de rgb(18,228,222)
```
#e41218
```
#e41218 rgb(228,18,24)
```

Complementary Color

#12e475
```
#12e475 rgb(18,228,117)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#1281e4
```
#1281e4 rgb(18,129,228)
```

Analogous Color

#e47512
```
#e47512 rgb(228,117,18)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#e41281
```
#e41281 rgb(228,18,129)
```

Split Complementary Color

#e4de12
```
#e4de12 rgb(228,222,18)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#de12e4
```
#de12e4 rgb(222,18,228)
```

Triadic Color

#18e412
```
#18e412 rgb(24,228,18)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#de12e4
```
#de12e4 rgb(222,18,228)
```
#e41218
```
#e41218 rgb(228,18,24)
```

Tetradic Color

#0c9d99
```
#0c9d99 rgb(12,157,153)
```
#0eb5b0
```
#0eb5b0 rgb(14,181,176)
```
#10ccc7
```
#10ccc7 rgb(16,204,199)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#22eee8
```
#22eee8 rgb(34,238,232)
```
#3aefea
```
#3aefea rgb(58,239,234)
```
#51f1ed
```
#51f1ed rgb(81,241,237)
```

Monochromatic Color

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

#12e4aa
```
#12e4aa rgb(18,228,170)
```
#12e4bb
```
#12e4bb rgb(18,228,187)
```
#12e4cd
```
#12e4cd rgb(18,228,205)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#12d9e4
```
#12d9e4 rgb(18,217,228)
```
#12c7e4
```
#12c7e4 rgb(18,199,228)
```
#12b6e4
```
#12b6e4 rgb(18,182,228)
```

Similar Colors

Text with hexadecimal color #12e4de

This text has a font color of #12e4de.

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

#12e4de background color

This paragraph has a background color of #12e4de.

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

#12e4de border color

This element has a border color of #12e4de.

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

CSS codes

.text {color:#12e4de;}

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

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

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

#010a0a
```
#010a0a rgb(1,10,10)
```
#021c1b
```
#021c1b rgb(2,28,27)
```
#042e2d
```
#042e2d rgb(4,46,45)
```
#05403f
```
#05403f rgb(5,64,63)
```
#075350
```
#075350 rgb(7,83,80)
```
#086562
```
#086562 rgb(8,101,98)
```
#097774
```
#097774 rgb(9,119,116)
```
#0b8985
```
#0b8985 rgb(11,137,133)
```
#0c9b97
```
#0c9b97 rgb(12,155,151)
```
#0eada9
```
#0eada9 rgb(14,173,169)
```
#0fc0bb
```
#0fc0bb rgb(15,192,187)
```
#11d2cc
```
#11d2cc rgb(17,210,204)
```
#12e4de
```
#12e4de rgb(18,228,222)
```

Shade Color Variation

#1cede7
```
#1cede7 rgb(28,237,231)
```
#2fefe9
```
#2fefe9 rgb(47,239,233)
```
#41f0eb
```
#41f0eb rgb(65,240,235)
```
#53f1ed
```
#53f1ed rgb(83,241,237)
```
#65f3ef
```
#65f3ef rgb(101,243,239)
```
#77f4f1
```
#77f4f1 rgb(119,244,241)
```
#8af6f3
```
#8af6f3 rgb(138,246,243)
```
#9cf7f5
```
#9cf7f5 rgb(156,247,245)
```
#aef9f6
```
#aef9f6 rgb(174,249,246)
```
#c0faf8
```
#c0faf8 rgb(192,250,248)
```
#d2fbfa
```
#d2fbfa rgb(210,251,250)
```
#e4fdfc
```
#e4fdfc rgb(228,253,252)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#7a7c7c
```
#7a7c7c rgb(122,124,124)
```
#718585
```
#718585 rgb(113,133,133)
```
#678f8e
```
#678f8e rgb(103,143,142)
```
#5e9897
```
#5e9897 rgb(94,152,151)
```
#54a2a0
```
#54a2a0 rgb(84,162,160)
```
#4baba8
```
#4baba8 rgb(75,171,168)
```
#41b5b1
```
#41b5b1 rgb(65,181,177)
```
#38beba
```
#38beba rgb(56,190,186)
```
#2ec8c3
```
#2ec8c3 rgb(46,200,195)
```
#25d1cc
```
#25d1cc rgb(37,209,204)
```
#1bdbd5
```
#1bdbd5 rgb(27,219,213)
```
#12e4de
```
#12e4de rgb(18,228,222)
```
#09ede7
```
#09ede7 rgb(9,237,231)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#88b2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ced2 Protanopia 1% of men
#d5cae9 Deuteranopia 1% of men
#3ee2f2 Tritanopia 0.001% of the population

Trichromacy

#8bd6d6 Protanomaly 1% of men, 0.01% of women
#8ed3e5 Deuteranomaly 6% of men, 0.4% of women
#2ee2eb Tritanomaly 0.01% of the population

#12e4de hex color

#12e4de Color Information

#12e4de Color Conversion

Color Schemes with #12e4de

Alternatives to #12e4de

#12e4de Preview

Shades and Tints of #12e4de

Tones of #12e4de

Color Blindness Simulator