#12bcd3 hex color

In a RGB color space, hex #12bcd3 is composed of 7.1% red, 73.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 10.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 187.2 degrees, a saturation of 84.3% and a lightness of 44.9%. #12bcd3 color hex could be obtained by blending #24ffff with #0079a7. Closest websafe color is: #00cccc.

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

● #12bcd3 color description : Strong cyan.

The hexadecimal color #12bcd3 has RGB values of R:18, G:188, B:211 and CMYK values of C:0.91, M:0.11, Y:0, K:0.17. Its decimal value is 1227987.

Hex triplet	12bcd3	`#12bcd3`
RGB Decimal	18, 188, 211	`rgb(18,188,211)`
RGB Percent	7.1, 73.7, 82.7	`rgb(7.1%,73.7%,82.7%)`
CMYK	91, 11, 0, 17
HSL	187.2°, 84.3, 44.9	`hsl(187.2,84.3%,44.9%)`
HSV (or HSB)	187.2°, 91.5, 82.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.032, -30.444, -22.554
XYZ	29.987, 40.795, 67.918
xyY	0.216, 0.294, 40.795
CIE-LCH	70.032, 37.889, 216.532
CIE-LUV	70.032, -50.984, -31.114
Hunter-Lab	63.871, -27.97, -18.337
Binary	00010010, 10111100, 11010011

#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#d32912
```
#d32912 rgb(211,41,18)
```

Complementary Color

#12d38a
```
#12d38a rgb(18,211,138)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#125bd3
```
#125bd3 rgb(18,91,211)
```

Analogous Color

#d38a12
```
#d38a12 rgb(211,138,18)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#d3125b
```
#d3125b rgb(211,18,91)
```

Split Complementary Color

#bcd312
```
#bcd312 rgb(188,211,18)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#d312bc
```
#d312bc rgb(211,18,188)
```

Triadic Color

#12d329
```
#12d329 rgb(18,211,41)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#d312bc
```
#d312bc rgb(211,18,188)
```
#d32912
```
#d32912 rgb(211,41,18)
```

Tetradic Color

#0c7d8d
```
#0c7d8d rgb(12,125,141)
```
#0e92a4
```
#0e92a4 rgb(14,146,164)
```
#10a7bc
```
#10a7bc rgb(16,167,188)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#14d1ea
```
#14d1ea rgb(20,209,234)
```
#2bd6ed
```
#2bd6ed rgb(43,214,237)
```
#43daef
```
#43daef rgb(67,218,239)
```

Monochromatic Color

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

#12d3ba
```
#12d3ba rgb(18,211,186)
```
#12d3ca
```
#12d3ca rgb(18,211,202)
```
#12ccd3
```
#12ccd3 rgb(18,204,211)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#12acd3
```
#12acd3 rgb(18,172,211)
```
#129cd3
```
#129cd3 rgb(18,156,211)
```
#128cd3
```
#128cd3 rgb(18,140,211)
```

Similar Colors

Text with hexadecimal color #12bcd3

This text has a font color of #12bcd3.

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

#12bcd3 background color

This paragraph has a background color of #12bcd3.

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

#12bcd3 border color

This element has a border color of #12bcd3.

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

CSS codes

.text {color:#12bcd3;}

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

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

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

#010b0c
```
#010b0c rgb(1,11,12)
```
#031b1e
```
#031b1e rgb(3,27,30)
```
#042b30
```
#042b30 rgb(4,43,48)
```
#063b42
```
#063b42 rgb(6,59,66)
```
#074b54
```
#074b54 rgb(7,75,84)
```
#095b67
```
#095b67 rgb(9,91,103)
```
#0a6b79
```
#0a6b79 rgb(10,107,121)
```
#0c7c8b
```
#0c7c8b rgb(12,124,139)
```
#0d8c9d
```
#0d8c9d rgb(13,140,157)
```
#0f9caf
```
#0f9caf rgb(15,156,175)
```
#10acc1
```
#10acc1 rgb(16,172,193)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#14cce5
```
#14cce5 rgb(20,204,229)
```

Shade Color Variation

#20d4ec
```
#20d4ec rgb(32,212,236)
```
#32d7ee
```
#32d7ee rgb(50,215,238)
```
#44dbef
```
#44dbef rgb(68,219,239)
```
#56def1
```
#56def1 rgb(86,222,241)
```
#69e2f2
```
#69e2f2 rgb(105,226,242)
```
#7be5f4
```
#7be5f4 rgb(123,229,244)
```
#8de9f5
```
#8de9f5 rgb(141,233,245)
```
#9fecf7
```
#9fecf7 rgb(159,236,247)
```
#b1f0f8
```
#b1f0f8 rgb(177,240,248)
```
#c3f3fa
```
#c3f3fa rgb(195,243,250)
```
#d5f7fb
```
#d5f7fb rgb(213,247,251)
```
#e7fafd
```
#e7fafd rgb(231,250,253)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#6a797b
```
#6a797b rgb(106,121,123)
```
#618084
```
#618084 rgb(97,128,132)
```
#58868d
```
#58868d rgb(88,134,141)
```
#508d95
```
#508d95 rgb(80,141,149)
```
#47949e
```
#47949e rgb(71,148,158)
```
#3e9aa7
```
#3e9aa7 rgb(62,154,167)
```
#35a1b0
```
#35a1b0 rgb(53,161,176)
```
#2ca8b9
```
#2ca8b9 rgb(44,168,185)
```
#24afc1
```
#24afc1 rgb(36,175,193)
```
#1bb5ca
```
#1bb5ca rgb(27,181,202)
```
#12bcd3
```
#12bcd3 rgb(18,188,211)
```
#09c3dc
```
#09c3dc rgb(9,195,220)
```
#00c9e5
```
#00c9e5 rgb(0,201,229)
```

Tone Color Variation

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

#a9aeca Protanopia 1% of men
#a6acdc Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

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

#12bcd3 hex color

#12bcd3 Color Information

#12bcd3 Color Conversion

Color Schemes with #12bcd3

Alternatives to #12bcd3

#12bcd3 Preview

Shades and Tints of #12bcd3

Tones of #12bcd3

Color Blindness Simulator