#12b5dc hex color

In a RGB color space, hex #12b5dc is composed of 7.1% red, 71% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 17.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 191.6 degrees, a saturation of 84.9% and a lightness of 46.7%. #12b5dc color hex could be obtained by blending #24ffff with #006bb9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 71
- B 86
RGB color chart
- C 92
- M 18
- Y 0
- K 14
CMYK color chart

● #12b5dc color description : Vivid cyan.

The hexadecimal color #12b5dc has RGB values of R:18, G:181, B:220 and CMYK values of C:0.92, M:0.18, Y:0, K:0.14. Its decimal value is 1226204.

Hex triplet	12b5dc	`#12b5dc`
RGB Decimal	18, 181, 220	`rgb(18,181,220)`
RGB Percent	7.1, 71, 86.3	`rgb(7.1%,71%,86.3%)`
CMYK	92, 18, 0, 14
HSL	191.6°, 84.9, 46.7	`hsl(191.6,84.9%,46.7%)`
HSV (or HSB)	191.6°, 91.8, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.271, -23.989, -30.183
XYZ	29.688, 38.341, 73.542
xyY	0.21, 0.271, 38.341
CIE-LCH	68.271, 38.555, 231.523
CIE-LUV	68.271, -47.901, -44.633
Hunter-Lab	61.92, -22.776, -27.075
Binary	00010010, 10110101, 11011100

#12b5dc
```
#12b5dc rgb(18,181,220)
```
#dc3912
```
#dc3912 rgb(220,57,18)
```

Complementary Color

#12dc9e
```
#12dc9e rgb(18,220,158)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#1250dc
```
#1250dc rgb(18,80,220)
```

Analogous Color

#dc9e12
```
#dc9e12 rgb(220,158,18)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#dc1250
```
#dc1250 rgb(220,18,80)
```

Split Complementary Color

#b5dc12
```
#b5dc12 rgb(181,220,18)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#dc12b5
```
#dc12b5 rgb(220,18,181)
```

Triadic Color

#12dc39
```
#12dc39 rgb(18,220,57)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#dc12b5
```
#dc12b5 rgb(220,18,181)
```
#dc3912
```
#dc3912 rgb(220,57,18)
```

Tetradic Color

#0c7b95
```
#0c7b95 rgb(12,123,149)
```
#0e8ead
```
#0e8ead rgb(14,142,173)
```
#10a2c4
```
#10a2c4 rgb(16,162,196)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#1bc4ec
```
#1bc4ec rgb(27,196,236)
```
#33caee
```
#33caee rgb(51,202,238)
```
#4ad0f0
```
#4ad0f0 rgb(74,208,240)
```

Monochromatic Color

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

#12dcd1
```
#12dcd1 rgb(18,220,209)
```
#12d7dc
```
#12d7dc rgb(18,215,220)
```
#12c6dc
```
#12c6dc rgb(18,198,220)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#12a4dc
```
#12a4dc rgb(18,164,220)
```
#1293dc
```
#1293dc rgb(18,147,220)
```
#1283dc
```
#1283dc rgb(18,131,220)
```

Similar Colors

Text with hexadecimal color #12b5dc

This text has a font color of #12b5dc.

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

#12b5dc background color

This paragraph has a background color of #12b5dc.

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

#12b5dc border color

This element has a border color of #12b5dc.

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

CSS codes

.text {color:#12b5dc;}

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

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

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 #effbfe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#021115
```
#021115 rgb(2,17,21)
```
#032027
```
#032027 rgb(3,32,39)
```
#052f39
```
#052f39 rgb(5,47,57)
```
#063e4b
```
#063e4b rgb(6,62,75)
```
#084d5d
```
#084d5d rgb(8,77,93)
```
#095b6f
```
#095b6f rgb(9,91,111)
```
#0b6a81
```
#0b6a81 rgb(11,106,129)
```
#0c7993
```
#0c7993 rgb(12,121,147)
```
#0e88a6
```
#0e88a6 rgb(14,136,166)
```
#0f97b8
```
#0f97b8 rgb(15,151,184)
```
#11a6ca
```
#11a6ca rgb(17,166,202)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```

Shade Color Variation

#16c3ec
```
#16c3ec rgb(22,195,236)
```
#28c7ed
```
#28c7ed rgb(40,199,237)
```
#3accef
```
#3accef rgb(58,204,239)
```
#4cd1f0
```
#4cd1f0 rgb(76,209,240)
```
#5ed5f2
```
#5ed5f2 rgb(94,213,242)
```
#70daf3
```
#70daf3 rgb(112,218,243)
```
#82dff5
```
#82dff5 rgb(130,223,245)
```
#95e3f6
```
#95e3f6 rgb(149,227,246)
```
#a7e8f8
```
#a7e8f8 rgb(167,232,248)
```
#b9edf9
```
#b9edf9 rgb(185,237,249)
```
#cbf2fb
```
#cbf2fb rgb(203,242,251)
```
#ddf6fc
```
#ddf6fc rgb(221,246,252)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#6e7d80
```
#6e7d80 rgb(110,125,128)
```
#64828a
```
#64828a rgb(100,130,138)
```
#5b8893
```
#5b8893 rgb(91,136,147)
```
#528e9c
```
#528e9c rgb(82,142,156)
```
#4993a5
```
#4993a5 rgb(73,147,165)
```
#4099ae
```
#4099ae rgb(64,153,174)
```
#379fb7
```
#379fb7 rgb(55,159,183)
```
#2da4c1
```
#2da4c1 rgb(45,164,193)
```
#24aaca
```
#24aaca rgb(36,170,202)
```
#1bafd3
```
#1bafd3 rgb(27,175,211)
```
#12b5dc
```
#12b5dc rgb(18,181,220)
```
#09bbe5
```
#09bbe5 rgb(9,187,229)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#71929a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa9d3 Protanopia 1% of men
#97a9e4 Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#6cadd6 Protanomaly 1% of men, 0.01% of women
#67ade1 Deuteranomaly 6% of men, 0.4% of women
#06b9cf Tritanomaly 0.01% of the population

#12b5dc hex color

#12b5dc Color Information

#12b5dc Color Conversion

Color Schemes with #12b5dc

Alternatives to #12b5dc

#12b5dc Preview

Shades and Tints of #12b5dc

Tones of #12b5dc

Color Blindness Simulator