#12cde5 hex color

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

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

● #12cde5 color description : Vivid cyan.

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

Hex triplet	12cde5	`#12cde5`
RGB Decimal	18, 205, 229	`rgb(18,205,229)`
RGB Percent	7.1, 80.4, 89.8	`rgb(7.1%,80.4%,89.8%)`
CMYK	92, 10, 0, 10
HSL	186.8°, 85.4, 48.4	`hsl(186.8,85.4%,48.4%)`
HSV (or HSB)	186.8°, 92.1, 89.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.727, -32.878, -23.634
XYZ	36.22, 49.445, 81.759
xyY	0.216, 0.295, 49.445
CIE-LCH	75.727, 40.491, 215.709
CIE-LUV	75.727, -55.368, -32.891
Hunter-Lab	70.317, -31.111, -19.716
Binary	00010010, 11001101, 11100101

#12cde5
```
#12cde5 rgb(18,205,229)
```
#e52a12
```
#e52a12 rgb(229,42,18)
```

Complementary Color

#12e594
```
#12e594 rgb(18,229,148)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#1263e5
```
#1263e5 rgb(18,99,229)
```

Analogous Color

#e59412
```
#e59412 rgb(229,148,18)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#e51263
```
#e51263 rgb(229,18,99)
```

Split Complementary Color

#cde512
```
#cde512 rgb(205,229,18)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#e512cd
```
#e512cd rgb(229,18,205)
```

Triadic Color

#12e52a
```
#12e52a rgb(18,229,42)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#e512cd
```
#e512cd rgb(229,18,205)
```
#e52a12
```
#e52a12 rgb(229,42,18)
```

Tetradic Color

#0c8e9e
```
#0c8e9e rgb(12,142,158)
```
#0ea3b6
```
#0ea3b6 rgb(14,163,182)
```
#10b8cd
```
#10b8cd rgb(16,184,205)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#23d7ee
```
#23d7ee rgb(35,215,238)
```
#3adbf0
```
#3adbf0 rgb(58,219,240)
```
#52dff1
```
#52dff1 rgb(82,223,241)
```

Monochromatic Color

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

#12e5c8
```
#12e5c8 rgb(18,229,200)
```
#12e5da
```
#12e5da rgb(18,229,218)
```
#12dfe5
```
#12dfe5 rgb(18,223,229)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#12bbe5
```
#12bbe5 rgb(18,187,229)
```
#12aae5
```
#12aae5 rgb(18,170,229)
```
#1298e5
```
#1298e5 rgb(18,152,229)
```

Similar Colors

Text with hexadecimal color #12cde5

This text has a font color of #12cde5.

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

#12cde5 background color

This paragraph has a background color of #12cde5.

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

#12cde5 border color

This element has a border color of #12cde5.

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

CSS codes

.text {color:#12cde5;}

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

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

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)
```
#074b54
```
#074b54 rgb(7,75,84)
```
#085b66
```
#085b66 rgb(8,91,102)
```
#096b78
```
#096b78 rgb(9,107,120)
```
#0b7c8a
```
#0b7c8a rgb(11,124,138)
```
#0c8c9c
```
#0c8c9c rgb(12,140,156)
```
#0e9cae
```
#0e9cae rgb(14,156,174)
```
#0facc1
```
#0facc1 rgb(15,172,193)
```
#11bdd3
```
#11bdd3 rgb(17,189,211)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```

Shade Color Variation

#1dd6ed
```
#1dd6ed rgb(29,214,237)
```
#30d9ef
```
#30d9ef rgb(48,217,239)
```
#42dcf0
```
#42dcf0 rgb(66,220,240)
```
#54e0f2
```
#54e0f2 rgb(84,224,242)
```
#66e3f3
```
#66e3f3 rgb(102,227,243)
```
#78e6f4
```
#78e6f4 rgb(120,230,244)
```
#8aeaf6
```
#8aeaf6 rgb(138,234,246)
```
#9dedf7
```
#9dedf7 rgb(157,237,247)
```
#aff0f9
```
#aff0f9 rgb(175,240,249)
```
#c1f4fa
```
#c1f4fa rgb(193,244,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 #09d4ef 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)
```
#559aa3
```
#559aa3 rgb(85,154,163)
```
#4ba1ac
```
#4ba1ac rgb(75,161,172)
```
#42a8b6
```
#42a8b6 rgb(66,168,182)
```
#38b0bf
```
#38b0bf rgb(56,176,191)
```
#2fb7c9
```
#2fb7c9 rgb(47,183,201)
```
#25bed2
```
#25bed2 rgb(37,190,210)
```
#1cc6dc
```
#1cc6dc rgb(28,198,220)
```
#12cde5
```
#12cde5 rgb(18,205,229)
```
#09d4ef
```
#09d4ef rgb(9,212,239)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7da3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bcda Protanopia 1% of men
#b4bbee Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#7bc2de Protanomaly 1% of men, 0.01% of women
#79c1ea Deuteranomaly 6% of men, 0.4% of women
#06cfe1 Tritanomaly 0.01% of the population

#12cde5 hex color

#12cde5 Color Information

#12cde5 Color Conversion

Color Schemes with #12cde5

Alternatives to #12cde5

#12cde5 Preview

Shades and Tints of #12cde5

Tones of #12cde5

Color Blindness Simulator