#12bad2 Color Information
In a RGB color space, hex #12bad2 is composed of 7.1% red, 72.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 11.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 187.5 degrees, a saturation of 84.2% and a lightness of 44.7%. #12bad2 color hex could be obtained by blending #24ffff with #0075a5. Closest websafe color is: #00cccc.
-
- R 7
- G 73
- B 82
-
- C 91
- M 11
- Y 0
- K 18
● #12bad2 color description : Strong cyan.
#12bad2 Color Conversion
The hexadecimal color #12bad2 has RGB values of R:18, G:186, B:210 and CMYK values of C:0.91, M:0.11, Y:0, K:0.18. Its decimal value is 1227474.
Hex triplet | 12bad2 | #12bad2 |
---|---|---|
RGB Decimal | 18, 186, 210 | rgb(18,186,210) |
RGB Percent | 7.1, 72.9, 82.4 | rgb(7.1%,72.9%,82.4%) |
CMYK | 91, 11, 0, 18 | |
HSL | 187.5°, 84.2, 44.7 | hsl(187.5,84.2%,44.7%) |
HSV (or HSB) | 187.5°, 91.4, 82.4 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 69.396, -29.793, -22.978 |
---|---|
XYZ | 29.438, 39.897, 67.119 |
xyY | 0.216, 0.292, 39.897 |
CIE-LCH | 69.396, 37.624, 217.642 |
CIE-LUV | 69.396, -50.377, -31.87 |
Hunter-Lab | 63.164, -27.345, -18.788 |
Binary | 00010010, 10111010, 11010010 |
Color Schemes with #12bad2
Alternatives to #12bad2
Below, you can see some colors close to #12bad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12bad2 Preview
This text has a font color of #12bad2.
<span style="color:#12bad2;">Text here</span>
This paragraph has a background color of #12bad2.
<p style="background-color:#12bad2;">Content here</p>
This element has a border color of #12bad2.
<div style="border:1px solid #12bad2;">Content here</div>
.text {color:#12bad2;}
.background {background-color:#12bad2;}
.border {border:1px solid #12bad2;}
Shades and Tints of #12bad2
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, #010a0b is the darkest color, while #f8fefe is the lightest one.
-
#010a0b
#010a0b
rgb(1,10,11)
-
#031a1d
#031a1d
rgb(3,26,29)
-
#042a2f
#042a2f
rgb(4,42,47)
-
#063a41
#063a41
rgb(6,58,65)
-
#074a54
#074a54
rgb(7,74,84)
-
#095a66
#095a66
rgb(9,90,102)
-
#0a6a78
#0a6a78
rgb(10,106,120)
-
#0c7a8a
#0c7a8a
rgb(12,122,138)
-
#0d8a9c
#0d8a9c
rgb(13,138,156)
-
#0f9aae
#0f9aae
rgb(15,154,174)
-
#10aac0
#10aac0
rgb(16,170,192)
-
#12bad2
#12bad2
rgb(18,186,210)
-
#14cae4
#14cae4
rgb(20,202,228)
-
#1fd2ec
#1fd2ec
rgb(31,210,236)
-
#31d6ed
#31d6ed
rgb(49,214,237)
-
#44daef
#44daef
rgb(68,218,239)
-
#56ddf0
#56ddf0
rgb(86,221,240)
-
#68e1f2
#68e1f2
rgb(104,225,242)
-
#7ae4f4
#7ae4f4
rgb(122,228,244)
-
#8ce8f5
#8ce8f5
rgb(140,232,245)
-
#9eecf7
#9eecf7
rgb(158,236,247)
-
#b0eff8
#b0eff8
rgb(176,239,248)
-
#c2f3fa
#c2f3fa
rgb(194,243,250)
-
#d4f6fb
#d4f6fb
rgb(212,246,251)
-
#e6fafd
#e6fafd
rgb(230,250,253)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #12bad2
A tone is produced by adding gray to any pure hue. In this case, #6a787a is the less saturated color, while #00c7e4 is the most saturated one.
-
#6a787a
#6a787a
rgb(106,120,122)
-
#617f83
#617f83
rgb(97,127,131)
-
#58858c
#58858c
rgb(88,133,140)
-
#4f8c95
#4f8c95
rgb(79,140,149)
-
#47939d
#47939d
rgb(71,147,157)
-
#3e99a6
#3e99a6
rgb(62,153,166)
-
#35a0af
#35a0af
rgb(53,160,175)
-
#2ca6b8
#2ca6b8
rgb(44,166,184)
-
#24adc0
#24adc0
rgb(36,173,192)
-
#1bb3c9
#1bb3c9
rgb(27,179,201)
-
#12bad2
#12bad2
rgb(18,186,210)
-
#09c1db
#09c1db
rgb(9,193,219)
-
#00c7e4
#00c7e4
rgb(0,199,228)
Color Blindness Simulator
Below, you can see how #12bad2 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.