#12b5cc hex color

In a RGB color space, hex #12b5cc is composed of 7.1% red, 71% green and 80% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 11.3% magenta, 0% yellow and 20% black. It has a hue angle of 187.4 degrees, a saturation of 83.8% and a lightness of 43.5%. #12b5cc color hex could be obtained by blending #24ffff with #006b99. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 71
- B 80
RGB color chart
- C 91
- M 11
- Y 0
- K 20
CMYK color chart

● #12b5cc color description : Strong cyan.

The hexadecimal color #12b5cc has RGB values of R:18, G:181, B:204 and CMYK values of C:0.91, M:0.11, Y:0, K:0.2. Its decimal value is 1226188.

Hex triplet	12b5cc	`#12b5cc`
RGB Decimal	18, 181, 204	`rgb(18,181,204)`
RGB Percent	7.1, 71, 80	`rgb(7.1%,71%,80%)`
CMYK	91, 11, 0, 20
HSL	187.4°, 83.8, 43.5	`hsl(187.4,83.8%,43.5%)`
HSV (or HSB)	187.4°, 91.2, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.675, -29.291, -22.31
XYZ	27.669, 37.533, 62.91
xyY	0.216, 0.293, 37.533
CIE-LCH	67.675, 36.82, 217.295
CIE-LUV	67.675, -49.123, -30.727
Hunter-Lab	61.264, -26.595, -17.997
Binary	00010010, 10110101, 11001100

#12b5cc
```
#12b5cc rgb(18,181,204)
```
#cc2912
```
#cc2912 rgb(204,41,18)
```

Complementary Color

#12cc86
```
#12cc86 rgb(18,204,134)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#1258cc
```
#1258cc rgb(18,88,204)
```

Analogous Color

#cc8612
```
#cc8612 rgb(204,134,18)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#cc1258
```
#cc1258 rgb(204,18,88)
```

Split Complementary Color

#b5cc12
```
#b5cc12 rgb(181,204,18)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#cc12b5
```
#cc12b5 rgb(204,18,181)
```

Triadic Color

#12cc29
```
#12cc29 rgb(18,204,41)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#cc12b5
```
#cc12b5 rgb(204,18,181)
```
#cc2912
```
#cc2912 rgb(204,41,18)
```

Tetradic Color

#0c7786
```
#0c7786 rgb(12,119,134)
```
#0e8b9d
```
#0e8b9d rgb(14,139,157)
```
#10a0b5
```
#10a0b5 rgb(16,160,181)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#14cae3
```
#14cae3 rgb(20,202,227)
```
#25d3ec
```
#25d3ec rgb(37,211,236)
```
#3dd8ee
```
#3dd8ee rgb(61,216,238)
```

Monochromatic Color

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

#12ccb5
```
#12ccb5 rgb(18,204,181)
```
#12ccc4
```
#12ccc4 rgb(18,204,196)
```
#12c5cc
```
#12c5cc rgb(18,197,204)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#12a6cc
```
#12a6cc rgb(18,166,204)
```
#1296cc
```
#1296cc rgb(18,150,204)
```
#1287cc
```
#1287cc rgb(18,135,204)
```

Similar Colors

Text with hexadecimal color #12b5cc

This text has a font color of #12b5cc.

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

#12b5cc background color

This paragraph has a background color of #12b5cc.

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

#12b5cc border color

This element has a border color of #12b5cc.

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

CSS codes

.text {color:#12b5cc;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#021518
```
#021518 rgb(2,21,24)
```
#04252a
```
#04252a rgb(4,37,42)
```
#05353c
```
#05353c rgb(5,53,60)
```
#07454e
```
#07454e rgb(7,69,78)
```
#085560
```
#085560 rgb(8,85,96)
```
#0a6572
```
#0a6572 rgb(10,101,114)
```
#0c7584
```
#0c7584 rgb(12,117,132)
```
#0d8596
```
#0d8596 rgb(13,133,150)
```
#0f95a8
```
#0f95a8 rgb(15,149,168)
```
#10a5ba
```
#10a5ba rgb(16,165,186)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#14c5de
```
#14c5de rgb(20,197,222)
```

Shade Color Variation

#1ad1eb
```
#1ad1eb rgb(26,209,235)
```
#2cd5ec
```
#2cd5ec rgb(44,213,236)
```
#3ed8ee
```
#3ed8ee rgb(62,216,238)
```
#50dcf0
```
#50dcf0 rgb(80,220,240)
```
#63e0f1
```
#63e0f1 rgb(99,224,241)
```
#75e3f3
```
#75e3f3 rgb(117,227,243)
```
#87e7f4
```
#87e7f4 rgb(135,231,244)
```
#99eaf6
```
#99eaf6 rgb(153,234,246)
```
#abeef8
```
#abeef8 rgb(171,238,248)
```
#bdf2f9
```
#bdf2f9 rgb(189,242,249)
```
#cff5fb
```
#cff5fb rgb(207,245,251)
```
#e1f9fc
```
#e1f9fc rgb(225,249,252)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#677577
```
#677577 rgb(103,117,119)
```
#5f7b7f
```
#5f7b7f rgb(95,123,127)
```
#568288
```
#568288 rgb(86,130,136)
```
#4e8890
```
#4e8890 rgb(78,136,144)
```
#458e99
```
#458e99 rgb(69,142,153)
```
#3d95a1
```
#3d95a1 rgb(61,149,161)
```
#349baa
```
#349baa rgb(52,155,170)
```
#2ca2b2
```
#2ca2b2 rgb(44,162,178)
```
#23a8bb
```
#23a8bb rgb(35,168,187)
```
#1bafc3
```
#1bafc3 rgb(27,175,195)
```
#12b5cc
```
#12b5cc rgb(18,181,204)
```
#09bbd5
```
#09bbd5 rgb(9,187,213)
```
#01c2dd
```
#01c2dd rgb(1,194,221)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#709095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a8c4 Protanopia 1% of men
#a0a6d5 Deuteranopia 1% of men
#00b9c7 Tritanopia 0.001% of the population

Trichromacy

#6eacc7 Protanomaly 1% of men, 0.01% of women
#6cabd2 Deuteranomaly 6% of men, 0.4% of women
#06b8c9 Tritanomaly 0.01% of the population

#12b5cc hex color

#12b5cc Color Information

#12b5cc Color Conversion

Color Schemes with #12b5cc

Alternatives to #12b5cc

#12b5cc Preview

Shades and Tints of #12b5cc

Tones of #12b5cc

Color Blindness Simulator