#12d8ef hex color

In a RGB color space, hex #12d8ef is composed of 7.1% red, 84.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 9.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 186.2 degrees, a saturation of 87.4% and a lightness of 50.4%. #12d8ef color hex could be obtained by blending #24ffff with #00b1df. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 7
- G 85
- B 94
RGB color chart
- C 92
- M 10
- Y 0
- K 6
CMYK color chart

● #12d8ef color description : Vivid cyan.

The hexadecimal color #12d8ef has RGB values of R:18, G:216, B:239 and CMYK values of C:0.92, M:0.1, Y:0, K:0.06. Its decimal value is 1235183.

Hex triplet	12d8ef	`#12d8ef`
RGB Decimal	18, 216, 239	`rgb(18,216,239)`
RGB Percent	7.1, 84.7, 93.7	`rgb(7.1%,84.7%,93.7%)`
CMYK	92, 10, 0, 6
HSL	186.2°, 87.4, 50.4	`hsl(186.2,87.4%,50.4%)`
HSV (or HSB)	186.2°, 92.5, 93.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.31, -34.94, -23.532
XYZ	40.381, 55.468, 90.235
xyY	0.217, 0.298, 55.468
CIE-LCH	79.31, 42.126, 213.96
CIE-LUV	79.31, -58.293, -32.601
Hunter-Lab	74.477, -33.554, -19.701
Binary	00010010, 11011000, 11101111

#12d8ef
```
#12d8ef rgb(18,216,239)
```
#ef2912
```
#ef2912 rgb(239,41,18)
```

Complementary Color

#12ef98
```
#12ef98 rgb(18,239,152)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#126aef
```
#126aef rgb(18,106,239)
```

Analogous Color

#ef9812
```
#ef9812 rgb(239,152,18)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#ef126a
```
#ef126a rgb(239,18,106)
```

Split Complementary Color

#d8ef12
```
#d8ef12 rgb(216,239,18)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#ef12d8
```
#ef12d8 rgb(239,18,216)
```

Triadic Color

#12ef29
```
#12ef29 rgb(18,239,41)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#ef12d8
```
#ef12d8 rgb(239,18,216)
```
#ef2912
```
#ef2912 rgb(239,41,18)
```

Tetradic Color

#0b99a9
```
#0b99a9 rgb(11,153,169)
```
#0daec1
```
#0daec1 rgb(13,174,193)
```
#0fc4d9
```
#0fc4d9 rgb(15,196,217)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#2adcf1
```
#2adcf1 rgb(42,220,241)
```
#42e0f2
```
#42e0f2 rgb(66,224,242)
```
#5ae4f4
```
#5ae4f4 rgb(90,228,244)
```

Monochromatic Color

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

#12efcf
```
#12efcf rgb(18,239,207)
```
#12efe1
```
#12efe1 rgb(18,239,225)
```
#12eaef
```
#12eaef rgb(18,234,239)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#12c6ef
```
#12c6ef rgb(18,198,239)
```
#12b3ef
```
#12b3ef rgb(18,179,239)
```
#12a1ef
```
#12a1ef rgb(18,161,239)
```

Similar Colors

Text with hexadecimal color #12d8ef

This text has a font color of #12d8ef.

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

#12d8ef background color

This paragraph has a background color of #12d8ef.

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

#12d8ef border color

This element has a border color of #12d8ef.

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

CSS codes

.text {color:#12d8ef;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#011214
```
#011214 rgb(1,18,20)
```
#032327
```
#032327 rgb(3,35,39)
```
#043339
```
#043339 rgb(4,51,57)
```
#05444b
```
#05444b rgb(5,68,75)
```
#06555e
```
#06555e rgb(6,85,94)
```
#086570
```
#086570 rgb(8,101,112)
```
#097682
```
#097682 rgb(9,118,130)
```
#0a8695
```
#0a8695 rgb(10,134,149)
```
#0b97a7
```
#0b97a7 rgb(11,151,167)
```
#0da8ba
```
#0da8ba rgb(13,168,186)
```
#0eb8cc
```
#0eb8cc rgb(14,184,204)
```
#0fc9de
```
#0fc9de rgb(15,201,222)
```

Shade Color Variation

#12d8ef
```
#12d8ef rgb(18,216,239)
```
#24dbf0
```
#24dbf0 rgb(36,219,240)
```
#37def1
```
#37def1 rgb(55,222,241)
```
#49e1f3
```
#49e1f3 rgb(73,225,243)
```
#5be4f4
```
#5be4f4 rgb(91,228,244)
```
#6ee7f5
```
#6ee7f5 rgb(110,231,245)
```
#80eaf6
```
#80eaf6 rgb(128,234,246)
```
#93edf8
```
#93edf8 rgb(147,237,248)
```
#a5f0f9
```
#a5f0f9 rgb(165,240,249)
```
#b7f3fa
```
#b7f3fa rgb(183,243,250)
```
#caf6fb
```
#caf6fb rgb(202,246,251)
```
#dcf9fd
```
#dcf9fd rgb(220,249,253)
```
#eefcfe
```
#eefcfe rgb(238,252,254)
```

Tint Color Variation

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

#7d8384
```
#7d8384 rgb(125,131,132)
```
#738b8e
```
#738b8e rgb(115,139,142)
```
#6a9397
```
#6a9397 rgb(106,147,151)
```
#609aa1
```
#609aa1 rgb(96,154,161)
```
#56a2ab
```
#56a2ab rgb(86,162,171)
```
#4caab5
```
#4caab5 rgb(76,170,181)
```
#43b1be
```
#43b1be rgb(67,177,190)
```
#39b9c8
```
#39b9c8 rgb(57,185,200)
```
#2fc1d2
```
#2fc1d2 rgb(47,193,210)
```
#25c9dc
```
#25c9dc rgb(37,201,220)
```
#1cd0e5
```
#1cd0e5 rgb(28,208,229)
```
#12d8ef
```
#12d8ef rgb(18,216,239)
```
#08e0f9
```
#08e0f9 rgb(8,224,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#83aaaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c5e3 Protanopia 1% of men
#bec4f8 Deuteranopia 1% of men
#00daea Tritanopia 0.001% of the population

Trichromacy

#81cce7 Protanomaly 1% of men, 0.01% of women
#80cbf4 Deuteranomaly 6% of men, 0.4% of women
#06d9ec Tritanomaly 0.01% of the population

#12d8ef hex color

#12d8ef Color Information

#12d8ef Color Conversion

Color Schemes with #12d8ef

Alternatives to #12d8ef

#12d8ef Preview

Shades and Tints of #12d8ef

Tones of #12d8ef

Color Blindness Simulator