#12b4cc hex color

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

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

● #12b4cc color description : Strong cyan.

The hexadecimal color #12b4cc has RGB values of R:18, G:180, B:204 and CMYK values of C:0.91, M:0.12, Y:0, K:0.2. Its decimal value is 1225932.

Hex triplet	12b4cc	`#12b4cc`
RGB Decimal	18, 180, 204	`rgb(18,180,204)`
RGB Percent	7.1, 70.6, 80	`rgb(7.1%,70.6%,80%)`
CMYK	91, 12, 0, 20
HSL	187.7°, 83.8, 43.5	`hsl(187.7,83.8%,43.5%)`
HSV (or HSB)	187.7°, 91.2, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	67.373, -28.799, -22.771
XYZ	27.467, 37.128, 62.842
xyY	0.216, 0.291, 37.128
CIE-LCH	67.373, 36.714, 218.333
CIE-LUV	67.373, -48.779, -31.538
Hunter-Lab	60.933, -26.17, -18.495
Binary	00010010, 10110100, 11001100

#12b4cc
```
#12b4cc rgb(18,180,204)
```
#cc2a12
```
#cc2a12 rgb(204,42,18)
```

Complementary Color

#12cc87
```
#12cc87 rgb(18,204,135)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#1257cc
```
#1257cc rgb(18,87,204)
```

Analogous Color

#cc8712
```
#cc8712 rgb(204,135,18)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#cc1257
```
#cc1257 rgb(204,18,87)
```

Split Complementary Color

#b4cc12
```
#b4cc12 rgb(180,204,18)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#cc12b4
```
#cc12b4 rgb(204,18,180)
```

Triadic Color

#12cc2a
```
#12cc2a rgb(18,204,42)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#cc12b4
```
#cc12b4 rgb(204,18,180)
```
#cc2a12
```
#cc2a12 rgb(204,42,18)
```

Tetradic Color

#0c7686
```
#0c7686 rgb(12,118,134)
```
#0e8b9d
```
#0e8b9d rgb(14,139,157)
```
#109fb5
```
#109fb5 rgb(16,159,181)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#14c9e3
```
#14c9e3 rgb(20,201,227)
```
#25d2ec
```
#25d2ec rgb(37,210,236)
```
#3dd7ee
```
#3dd7ee rgb(61,215,238)
```

Monochromatic Color

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

#12ccb6
```
#12ccb6 rgb(18,204,182)
```
#12ccc5
```
#12ccc5 rgb(18,204,197)
```
#12c4cc
```
#12c4cc rgb(18,196,204)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#12a5cc
```
#12a5cc rgb(18,165,204)
```
#1295cc
```
#1295cc rgb(18,149,204)
```
#1286cc
```
#1286cc rgb(18,134,204)
```

Similar Colors

Text with hexadecimal color #12b4cc

This text has a font color of #12b4cc.

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

#12b4cc background color

This paragraph has a background color of #12b4cc.

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

#12b4cc border color

This element has a border color of #12b4cc.

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

CSS codes

.text {color:#12b4cc;}

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

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

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 #f3fcfe 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)
```
#0a6472
```
#0a6472 rgb(10,100,114)
```
#0c7484
```
#0c7484 rgb(12,116,132)
```
#0d8496
```
#0d8496 rgb(13,132,150)
```
#0f94a8
```
#0f94a8 rgb(15,148,168)
```
#10a4ba
```
#10a4ba rgb(16,164,186)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#14c4de
```
#14c4de rgb(20,196,222)
```

Shade Color Variation

#1ad0eb
```
#1ad0eb rgb(26,208,235)
```
#2cd4ec
```
#2cd4ec rgb(44,212,236)
```
#3ed7ee
```
#3ed7ee rgb(62,215,238)
```
#50dbf0
```
#50dbf0 rgb(80,219,240)
```
#63dff1
```
#63dff1 rgb(99,223,241)
```
#75e2f3
```
#75e2f3 rgb(117,226,243)
```
#87e6f4
```
#87e6f4 rgb(135,230,244)
```
#99eaf6
```
#99eaf6 rgb(153,234,246)
```
#abeef8
```
#abeef8 rgb(171,238,248)
```
#bdf1f9
```
#bdf1f9 rgb(189,241,249)
```
#cff5fb
```
#cff5fb rgb(207,245,251)
```
#e1f9fc
```
#e1f9fc rgb(225,249,252)
```
#f3fcfe
```
#f3fcfe rgb(243,252,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 #01c1dd is the most saturated one.

#677577
```
#677577 rgb(103,117,119)
```
#5f7b7f
```
#5f7b7f rgb(95,123,127)
```
#568188
```
#568188 rgb(86,129,136)
```
#4e8890
```
#4e8890 rgb(78,136,144)
```
#458e99
```
#458e99 rgb(69,142,153)
```
#3d94a1
```
#3d94a1 rgb(61,148,161)
```
#349baa
```
#349baa rgb(52,155,170)
```
#2ca1b2
```
#2ca1b2 rgb(44,161,178)
```
#23a7bb
```
#23a7bb rgb(35,167,187)
```
#1baec3
```
#1baec3 rgb(27,174,195)
```
#12b4cc
```
#12b4cc rgb(18,180,204)
```
#09bad5
```
#09bad5 rgb(9,186,213)
```
#01c1dd
```
#01c1dd rgb(1,193,221)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6f8f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a7c4 Protanopia 1% of men
#9fa6d5 Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#6eabc7 Protanomaly 1% of men, 0.01% of women
#6babd2 Deuteranomaly 6% of men, 0.4% of women
#06b7c8 Tritanomaly 0.01% of the population

#12b4cc hex color

#12b4cc Color Information

#12b4cc Color Conversion

Color Schemes with #12b4cc

Alternatives to #12b4cc

#12b4cc Preview

Shades and Tints of #12b4cc

Tones of #12b4cc

Color Blindness Simulator