#12bcd9 Color Information
In a RGB color space, hex #12bcd9 is composed of 7.1% red, 73.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 91.7% cyan, 13.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 188.7 degrees, a saturation of 84.7% and a lightness of 46.1%. #12bcd9 color hex could be obtained by blending #24ffff with #0079b3. Closest websafe color is: #00cccc.
-
- R 7
- G 74
- B 85
-
- C 92
- M 13
- Y 0
- K 15
● #12bcd9 color description : Vivid cyan.
#12bcd9 Color Conversion
The hexadecimal color #12bcd9 has RGB values of R:18, G:188, B:217 and CMYK values of C:0.92, M:0.13, Y:0, K:0.15. Its decimal value is 1227993.
Hex triplet | 12bcd9 | #12bcd9 |
---|---|---|
RGB Decimal | 18, 188, 217 | rgb(18,188,217) |
RGB Percent | 7.1, 73.7, 85.1 | rgb(7.1%,73.7%,85.1%) |
CMYK | 92, 13, 0, 15 | |
HSL | 188.7°, 84.7, 46.1 | hsl(188.7,84.7%,46.1%) |
HSV (or HSB) | 188.7°, 91.7, 85.1 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 70.247, -28.496, -25.504 |
---|---|
XYZ | 30.754, 41.102, 71.954 |
xyY | 0.214, 0.286, 41.102 |
CIE-LCH | 70.247, 38.242, 221.829 |
CIE-LUV | 70.247, -50.52, -36.317 |
Hunter-Lab | 64.111, -26.568, -21.667 |
Binary | 00010010, 10111100, 11011001 |
Color Schemes with #12bcd9
Alternatives to #12bcd9
Below, you can see some colors close to #12bcd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12bcd9 Preview
This text has a font color of #12bcd9.
<span style="color:#12bcd9;">Text here</span>
This paragraph has a background color of #12bcd9.
<p style="background-color:#12bcd9;">Content here</p>
This element has a border color of #12bcd9.
<div style="border:1px solid #12bcd9;">Content here</div>
.text {color:#12bcd9;}
.background {background-color:#12bcd9;}
.border {border:1px solid #12bcd9;}
Shades and Tints of #12bcd9
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, #010f12 is the darkest color, while #ffffff is the lightest one.
-
#010f12
#010f12
rgb(1,15,18)
-
#031f24
#031f24
rgb(3,31,36)
-
#042f36
#042f36
rgb(4,47,54)
-
#063e48
#063e48
rgb(6,62,72)
-
#074e5a
#074e5a
rgb(7,78,90)
-
#095e6c
#095e6c
rgb(9,94,108)
-
#0a6e7e
#0a6e7e
rgb(10,110,126)
-
#0c7d91
#0c7d91
rgb(12,125,145)
-
#0d8da3
#0d8da3
rgb(13,141,163)
-
#0f9db5
#0f9db5
rgb(15,157,181)
-
#10acc7
#10acc7
rgb(16,172,199)
-
#12bcd9
#12bcd9
rgb(18,188,217)
-
#14cceb
#14cceb
rgb(20,204,235)
-
#25d0ed
#25d0ed
rgb(37,208,237)
-
#37d4ee
#37d4ee
rgb(55,212,238)
-
#4ad8f0
#4ad8f0
rgb(74,216,240)
-
#5cdcf1
#5cdcf1
rgb(92,220,241)
-
#6ee0f3
#6ee0f3
rgb(110,224,243)
-
#80e3f4
#80e3f4
rgb(128,227,244)
-
#92e7f6
#92e7f6
rgb(146,231,246)
-
#a4ebf7
#a4ebf7
rgb(164,235,247)
-
#b6eff9
#b6eff9
rgb(182,239,249)
-
#c8f3fa
#c8f3fa
rgb(200,243,250)
-
#daf7fc
#daf7fc
rgb(218,247,252)
-
#edfbfd
#edfbfd
rgb(237,251,253)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #12bcd9
A tone is produced by adding gray to any pure hue. In this case, #757676 is the less saturated color, while #09c2e2 is the most saturated one.
-
#757676
#757676
rgb(117,118,118)
-
#6c7c7f
#6c7c7f
rgb(108,124,127)
-
#638288
#638288
rgb(99,130,136)
-
#5a8991
#5a8991
rgb(90,137,145)
-
#518f9a
#518f9a
rgb(81,143,154)
-
#4896a3
#4896a3
rgb(72,150,163)
-
#3f9cac
#3f9cac
rgb(63,156,172)
-
#36a2b5
#36a2b5
rgb(54,162,181)
-
#2da9be
#2da9be
rgb(45,169,190)
-
#24afc7
#24afc7
rgb(36,175,199)
-
#1bb6d0
#1bb6d0
rgb(27,182,208)
-
#12bcd9
#12bcd9
rgb(18,188,217)
-
#09c2e2
#09c2e2
rgb(9,194,226)
Color Blindness Simulator
Below, you can see how #12bcd9 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.