#12bcd4 hex color

In a RGB color space, hex #12bcd4 is composed of 7.1% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 187.4 degrees, a saturation of 84.3% and a lightness of 45.1%. #12bcd4 color hex could be obtained by blending #24ffff with #0079a9. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 7
- G 74
- B 83
RGB color chart
- C 92
- M 11
- Y 0
- K 17
CMYK color chart

● #12bcd4 color description : Strong cyan.

The hexadecimal color #12bcd4 has RGB values of R:18, G:188, B:212 and CMYK values of C:0.92, M:0.11, Y:0, K:0.17. Its decimal value is 1227988.

Hex triplet	12bcd4	`#12bcd4`
RGB Decimal	18, 188, 212	`rgb(18,188,212)`
RGB Percent	7.1, 73.7, 83.1	`rgb(7.1%,73.7%,83.1%)`
CMYK	92, 11, 0, 17
HSL	187.4°, 84.3, 45.1	`hsl(187.4,84.3%,45.1%)`
HSV (or HSB)	187.4°, 91.5, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.068, -30.122, -23.047
XYZ	30.113, 40.845, 68.581
xyY	0.216, 0.293, 40.845
CIE-LCH	70.068, 37.927, 217.421
CIE-LUV	70.068, -50.907, -31.98
Hunter-Lab	63.91, -27.739, -18.885
Binary	00010010, 10111100, 11010100

#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#d42a12
```
#d42a12 rgb(212,42,18)
```

Complementary Color

#12d48b
```
#12d48b rgb(18,212,139)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#125bd4
```
#125bd4 rgb(18,91,212)
```

Analogous Color

#d48b12
```
#d48b12 rgb(212,139,18)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#d4125b
```
#d4125b rgb(212,18,91)
```

Split Complementary Color

#bcd412
```
#bcd412 rgb(188,212,18)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#d412bc
```
#d412bc rgb(212,18,188)
```

Triadic Color

#12d42a
```
#12d42a rgb(18,212,42)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#d412bc
```
#d412bc rgb(212,18,188)
```
#d42a12
```
#d42a12 rgb(212,42,18)
```

Tetradic Color

#0c7d8d
```
#0c7d8d rgb(12,125,141)
```
#0e92a5
```
#0e92a5 rgb(14,146,165)
```
#10a7bc
```
#10a7bc rgb(16,167,188)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#14d1eb
```
#14d1eb rgb(20,209,235)
```
#2cd5ed
```
#2cd5ed rgb(44,213,237)
```
#43daef
```
#43daef rgb(67,218,239)
```

Monochromatic Color

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

#12d4bc
```
#12d4bc rgb(18,212,188)
```
#12d4cc
```
#12d4cc rgb(18,212,204)
```
#12ccd4
```
#12ccd4 rgb(18,204,212)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#12acd4
```
#12acd4 rgb(18,172,212)
```
#129cd4
```
#129cd4 rgb(18,156,212)
```
#128cd4
```
#128cd4 rgb(18,140,212)
```

Similar Colors

Text with hexadecimal color #12bcd4

This text has a font color of #12bcd4.

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

#12bcd4 background color

This paragraph has a background color of #12bcd4.

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

#12bcd4 border color

This element has a border color of #12bcd4.

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

CSS codes

.text {color:#12bcd4;}

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

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

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, #010c0d is the darkest color, while #fafeff is the lightest one.

#010c0d
```
#010c0d rgb(1,12,13)
```
#031c1f
```
#031c1f rgb(3,28,31)
```
#042c31
```
#042c31 rgb(4,44,49)
```
#063c43
```
#063c43 rgb(6,60,67)
```
#074c55
```
#074c55 rgb(7,76,85)
```
#095c68
```
#095c68 rgb(9,92,104)
```
#0a6c7a
```
#0a6c7a rgb(10,108,122)
```
#0c7c8c
```
#0c7c8c rgb(12,124,140)
```
#0d8c9e
```
#0d8c9e rgb(13,140,158)
```
#0f9cb0
```
#0f9cb0 rgb(15,156,176)
```
#10acc2
```
#10acc2 rgb(16,172,194)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#14cce6
```
#14cce6 rgb(20,204,230)
```

Shade Color Variation

#21d3ec
```
#21d3ec rgb(33,211,236)
```
#33d7ee
```
#33d7ee rgb(51,215,238)
```
#45daef
```
#45daef rgb(69,218,239)
```
#57def1
```
#57def1 rgb(87,222,241)
```
#69e1f2
```
#69e1f2 rgb(105,225,242)
```
#7be5f4
```
#7be5f4 rgb(123,229,244)
```
#8ee9f5
```
#8ee9f5 rgb(142,233,245)
```
#a0ecf7
```
#a0ecf7 rgb(160,236,247)
```
#b2f0f8
```
#b2f0f8 rgb(178,240,248)
```
#c4f3fa
```
#c4f3fa rgb(196,243,250)
```
#d6f7fc
```
#d6f7fc rgb(214,247,252)
```
#e8fafd
```
#e8fafd rgb(232,250,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a797c is the less saturated color, while #00c9e6 is the most saturated one.

#6a797c
```
#6a797c rgb(106,121,124)
```
#628084
```
#628084 rgb(98,128,132)
```
#59878d
```
#59878d rgb(89,135,141)
```
#508d96
```
#508d96 rgb(80,141,150)
```
#47949f
```
#47949f rgb(71,148,159)
```
#3e9ba8
```
#3e9ba8 rgb(62,155,168)
```
#35a1b1
```
#35a1b1 rgb(53,161,177)
```
#2da8b9
```
#2da8b9 rgb(45,168,185)
```
#24afc2
```
#24afc2 rgb(36,175,194)
```
#1bb5cb
```
#1bb5cb rgb(27,181,203)
```
#12bcd4
```
#12bcd4 rgb(18,188,212)
```
#09c3dd
```
#09c3dd rgb(9,195,221)
```
#00c9e6
```
#00c9e6 rgb(0,201,230)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#74969a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9aecb Protanopia 1% of men
#a5acdd Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#72b3ce Protanomaly 1% of men, 0.01% of women
#70b2da Deuteranomaly 6% of men, 0.4% of women
#06bed0 Tritanomaly 0.01% of the population

#12bcd4 hex color

#12bcd4 Color Information

#12bcd4 Color Conversion

Color Schemes with #12bcd4

Alternatives to #12bcd4

#12bcd4 Preview

Shades and Tints of #12bcd4

Tones of #12bcd4

Color Blindness Simulator