#12cce5 hex color

In a RGB color space, hex #12cce5 is composed of 7.1% red, 80% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 10.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 187.1 degrees, a saturation of 85.4% and a lightness of 48.4%. #12cce5 color hex could be obtained by blending #24ffff with #0099cb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 80
- B 90
RGB color chart
- C 92
- M 11
- Y 0
- K 10
CMYK color chart

● #12cce5 color description : Vivid cyan.

The hexadecimal color #12cce5 has RGB values of R:18, G:204, B:229 and CMYK values of C:0.92, M:0.11, Y:0, K:0.1. Its decimal value is 1232101.

Hex triplet	12cce5	`#12cce5`
RGB Decimal	18, 204, 229	`rgb(18,204,229)`
RGB Percent	7.1, 80, 89.8	`rgb(7.1%,80%,89.8%)`
CMYK	92, 11, 0, 10
HSL	187.1°, 85.4, 48.4	`hsl(187.1,85.4%,48.4%)`
HSV (or HSB)	187.1°, 92.1, 89.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.431, -32.4, -24.085
XYZ	35.981, 48.968, 81.68
xyY	0.216, 0.294, 48.968
CIE-LCH	75.431, 40.372, 216.625
CIE-LUV	75.431, -55.029, -33.702
Hunter-Lab	69.977, -30.678, -20.222
Binary	00010010, 11001100, 11100101

#12cce5
```
#12cce5 rgb(18,204,229)
```
#e52b12
```
#e52b12 rgb(229,43,18)
```

Complementary Color

#12e595
```
#12e595 rgb(18,229,149)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#1263e5
```
#1263e5 rgb(18,99,229)
```

Analogous Color

#e59512
```
#e59512 rgb(229,149,18)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#e51263
```
#e51263 rgb(229,18,99)
```

Split Complementary Color

#cce512
```
#cce512 rgb(204,229,18)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#e512cc
```
#e512cc rgb(229,18,204)
```

Triadic Color

#12e52b
```
#12e52b rgb(18,229,43)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#e512cc
```
#e512cc rgb(229,18,204)
```
#e52b12
```
#e52b12 rgb(229,43,18)
```

Tetradic Color

#0c8d9e
```
#0c8d9e rgb(12,141,158)
```
#0ea2b6
```
#0ea2b6 rgb(14,162,182)
```
#10b7cd
```
#10b7cd rgb(16,183,205)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#23d6ee
```
#23d6ee rgb(35,214,238)
```
#3adaf0
```
#3adaf0 rgb(58,218,240)
```
#52dff1
```
#52dff1 rgb(82,223,241)
```

Monochromatic Color

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

#12e5c9
```
#12e5c9 rgb(18,229,201)
```
#12e5db
```
#12e5db rgb(18,229,219)
```
#12dee5
```
#12dee5 rgb(18,222,229)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#12bae5
```
#12bae5 rgb(18,186,229)
```
#12a9e5
```
#12a9e5 rgb(18,169,229)
```
#1297e5
```
#1297e5 rgb(18,151,229)
```

Similar Colors

Text with hexadecimal color #12cce5

This text has a font color of #12cce5.

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

#12cce5 background color

This paragraph has a background color of #12cce5.

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

#12cce5 border color

This element has a border color of #12cce5.

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

CSS codes

.text {color:#12cce5;}

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

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

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

#010a0b
```
#010a0b rgb(1,10,11)
```
#021a1d
```
#021a1d rgb(2,26,29)
```
#042a2f
```
#042a2f rgb(4,42,47)
```
#053a41
```
#053a41 rgb(5,58,65)
```
#074a54
```
#074a54 rgb(7,74,84)
```
#085b66
```
#085b66 rgb(8,91,102)
```
#096b78
```
#096b78 rgb(9,107,120)
```
#0b7b8a
```
#0b7b8a rgb(11,123,138)
```
#0c8b9c
```
#0c8b9c rgb(12,139,156)
```
#0e9bae
```
#0e9bae rgb(14,155,174)
```
#0facc1
```
#0facc1 rgb(15,172,193)
```
#11bcd3
```
#11bcd3 rgb(17,188,211)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```

Shade Color Variation

#1dd5ed
```
#1dd5ed rgb(29,213,237)
```
#30d8ef
```
#30d8ef rgb(48,216,239)
```
#42dbf0
```
#42dbf0 rgb(66,219,240)
```
#54dff2
```
#54dff2 rgb(84,223,242)
```
#66e2f3
```
#66e2f3 rgb(102,226,243)
```
#78e6f4
```
#78e6f4 rgb(120,230,244)
```
#8ae9f6
```
#8ae9f6 rgb(138,233,246)
```
#9dedf7
```
#9dedf7 rgb(157,237,247)
```
#aff0f9
```
#aff0f9 rgb(175,240,249)
```
#c1f3fa
```
#c1f3fa rgb(193,243,250)
```
#d3f7fc
```
#d3f7fc rgb(211,247,252)
```
#e5fafd
```
#e5fafd rgb(229,250,253)
```
#f8fefe
```
#f8fefe rgb(248,254,254)
```

Tint Color Variation

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

#7b7c7d
```
#7b7c7d rgb(123,124,125)
```
#718486
```
#718486 rgb(113,132,134)
```
#688b90
```
#688b90 rgb(104,139,144)
```
#5e9299
```
#5e9299 rgb(94,146,153)
```
#5599a3
```
#5599a3 rgb(85,153,163)
```
#4ba1ac
```
#4ba1ac rgb(75,161,172)
```
#42a8b6
```
#42a8b6 rgb(66,168,182)
```
#38afbf
```
#38afbf rgb(56,175,191)
```
#2fb6c9
```
#2fb6c9 rgb(47,182,201)
```
#25bed2
```
#25bed2 rgb(37,190,210)
```
#1cc5dc
```
#1cc5dc rgb(28,197,220)
```
#12cce5
```
#12cce5 rgb(18,204,229)
```
#09d3ef
```
#09d3ef rgb(9,211,239)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7ca2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bbda Protanopia 1% of men
#b3baee Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#7bc1de Protanomaly 1% of men, 0.01% of women
#78c0ea Deuteranomaly 6% of men, 0.4% of women
#06cee1 Tritanomaly 0.01% of the population

#12cce5 hex color

#12cce5 Color Information

#12cce5 Color Conversion

Color Schemes with #12cce5

Alternatives to #12cce5

#12cce5 Preview

Shades and Tints of #12cce5

Tones of #12cce5

Color Blindness Simulator