#12d5e0 hex color

In a RGB color space, hex #12d5e0 is composed of 7.1% red, 83.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 4.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 183.2 degrees, a saturation of 85.1% and a lightness of 47.5%. #12d5e0 color hex could be obtained by blending #24ffff with #00abc1. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 84
- B 88
RGB color chart
- C 92
- M 5
- Y 0
- K 12
CMYK color chart

● #12d5e0 color description : Vivid cyan.

The hexadecimal color #12d5e0 has RGB values of R:18, G:213, B:224 and CMYK values of C:0.92, M:0.05, Y:0, K:0.12. Its decimal value is 1234400.

Hex triplet	12d5e0	`#12d5e0`
RGB Decimal	18, 213, 224	`rgb(18,213,224)`
RGB Percent	7.1, 83.5, 87.8	`rgb(7.1%,83.5%,87.8%)`
CMYK	92, 5, 0, 12
HSL	183.2°, 85.1, 47.5	`hsl(183.2,85.1%,47.5%)`
HSV (or HSB)	183.2°, 92, 87.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.931, -38.175, -17.605
XYZ	37.494, 53.095, 78.789
xyY	0.221, 0.313, 53.095
CIE-LCH	77.931, 42.039, 204.758
CIE-LUV	77.931, -58.469, -22.149
Hunter-Lab	72.866, -35.667, -13.103
Binary	00010010, 11010101, 11100000

#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#e01d12
```
#e01d12 rgb(224,29,18)
```

Complementary Color

#12e084
```
#12e084 rgb(18,224,132)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#126ee0
```
#126ee0 rgb(18,110,224)
```

Analogous Color

#e08412
```
#e08412 rgb(224,132,18)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#e0126e
```
#e0126e rgb(224,18,110)
```

Split Complementary Color

#d5e012
```
#d5e012 rgb(213,224,18)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#e012d5
```
#e012d5 rgb(224,18,213)
```

Triadic Color

#12e01d
```
#12e01d rgb(18,224,29)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#e012d5
```
#e012d5 rgb(224,18,213)
```
#e01d12
```
#e01d12 rgb(224,29,18)
```

Tetradic Color

#0c9299
```
#0c9299 rgb(12,146,153)
```
#0ea8b1
```
#0ea8b1 rgb(14,168,177)
```
#10bfc8
```
#10bfc8 rgb(16,191,200)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#1fe2ed
```
#1fe2ed rgb(31,226,237)
```
#36e5ef
```
#36e5ef rgb(54,229,239)
```
#4ee8f1
```
#4ee8f1 rgb(78,232,241)
```

Monochromatic Color

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

#12e0b8
```
#12e0b8 rgb(18,224,184)
```
#12e0c9
```
#12e0c9 rgb(18,224,201)
```
#12e0da
```
#12e0da rgb(18,224,218)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#12c4e0
```
#12c4e0 rgb(18,196,224)
```
#12b3e0
```
#12b3e0 rgb(18,179,224)
```
#12a2e0
```
#12a2e0 rgb(18,162,224)
```

Similar Colors

Text with hexadecimal color #12d5e0

This text has a font color of #12d5e0.

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

#12d5e0 background color

This paragraph has a background color of #12d5e0.

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

#12d5e0 border color

This element has a border color of #12d5e0.

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

CSS codes

.text {color:#12d5e0;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#021718
```
#021718 rgb(2,23,24)
```
#03282a
```
#03282a rgb(3,40,42)
```
#053a3d
```
#053a3d rgb(5,58,61)
```
#064b4f
```
#064b4f rgb(6,75,79)
```
#085c61
```
#085c61 rgb(8,92,97)
```
#096d73
```
#096d73 rgb(9,109,115)
```
#0b7f85
```
#0b7f85 rgb(11,127,133)
```
#0c9097
```
#0c9097 rgb(12,144,151)
```
#0ea1aa
```
#0ea1aa rgb(14,161,170)
```
#0fb2bc
```
#0fb2bc rgb(15,178,188)
```
#11c4ce
```
#11c4ce rgb(17,196,206)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```

Shade Color Variation

#19e1ed
```
#19e1ed rgb(25,225,237)
```
#2be4ee
```
#2be4ee rgb(43,228,238)
```
#3de6ef
```
#3de6ef rgb(61,230,239)
```
#50e8f1
```
#50e8f1 rgb(80,232,241)
```
#62ebf2
```
#62ebf2 rgb(98,235,242)
```
#74edf4
```
#74edf4 rgb(116,237,244)
```
#86eff5
```
#86eff5 rgb(134,239,245)
```
#98f2f7
```
#98f2f7 rgb(152,242,247)
```
#aaf4f8
```
#aaf4f8 rgb(170,244,248)
```
#bcf6fa
```
#bcf6fa rgb(188,246,250)
```
#cff9fb
```
#cff9fb rgb(207,249,251)
```
#e1fbfd
```
#e1fbfd rgb(225,251,253)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#787a7a
```
#787a7a rgb(120,122,122)
```
#6f8283
```
#6f8283 rgb(111,130,131)
```
#668a8c
```
#668a8c rgb(102,138,140)
```
#5c9296
```
#5c9296 rgb(92,146,150)
```
#539b9f
```
#539b9f rgb(83,155,159)
```
#4aa3a8
```
#4aa3a8 rgb(74,163,168)
```
#41abb1
```
#41abb1 rgb(65,171,177)
```
#37b4bb
```
#37b4bb rgb(55,180,187)
```
#2ebcc4
```
#2ebcc4 rgb(46,188,196)
```
#25c4cd
```
#25c4cd rgb(37,196,205)
```
#1bcdd7
```
#1bcdd7 rgb(27,205,215)
```
#12d5e0
```
#12d5e0 rgb(18,213,224)
```
#09dde9
```
#09dde9 rgb(9,221,233)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#80a7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d5 Protanopia 1% of men
#c1c0ea Deuteranopia 1% of men
#29d6e6 Tritanopia 0.001% of the population

Trichromacy

#81c9d9 Protanomaly 1% of men, 0.01% of women
#81c7e6 Deuteranomaly 6% of men, 0.4% of women
#20d5e3 Tritanomaly 0.01% of the population

#12d5e0 hex color

#12d5e0 Color Information

#12d5e0 Color Conversion

Color Schemes with #12d5e0

Alternatives to #12d5e0

#12d5e0 Preview

Shades and Tints of #12d5e0

Tones of #12d5e0

Color Blindness Simulator