#12ade2 Color Information
In a RGB color space, hex #12ade2 is composed of 7.1% red, 67.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 23.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 195.3 degrees, a saturation of 85.2% and a lightness of 47.8%. #12ade2 color hex could be obtained by blending #24ffff with #005bc5. Closest websafe color is: #0099cc.
-
- R 7
- G 68
- B 89
-
- C 92
- M 23
- Y 0
- K 11
● #12ade2 color description : Vivid blue.
#12ade2 Color Conversion
The hexadecimal color #12ade2 has RGB values of R:18, G:173, B:226 and CMYK values of C:0.92, M:0.23, Y:0, K:0.11. Its decimal value is 1224162.
Hex triplet | 12ade2 | #12ade2 |
---|---|---|
RGB Decimal | 18, 173, 226 | rgb(18,173,226) |
RGB Percent | 7.1, 67.8, 88.6 | rgb(7.1%,67.8%,88.6%) |
CMYK | 92, 23, 0, 11 | |
HSL | 195.3°, 85.2, 47.8 | hsl(195.3,85.2%,47.8%) |
HSV (or HSB) | 195.3°, 92, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 66.139, -17.763, -36.78 |
---|---|
XYZ | 28.917, 35.504, 77.276 |
xyY | 0.204, 0.251, 35.504 |
CIE-LCH | 66.139, 40.844, 244.222 |
CIE-LUV | 66.139, -44.74, -56.357 |
Hunter-Lab | 59.585, -17.647, -35.184 |
Binary | 00010010, 10101101, 11100010 |
Color Schemes with #12ade2
Alternatives to #12ade2
Below, you can see some colors close to #12ade2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12ade2 Preview
This text has a font color of #12ade2.
<span style="color:#12ade2;">Text here</span>
This paragraph has a background color of #12ade2.
<p style="background-color:#12ade2;">Content here</p>
This element has a border color of #12ade2.
<div style="border:1px solid #12ade2;">Content here</div>
.text {color:#12ade2;}
.background {background-color:#12ade2;}
.border {border:1px solid #12ade2;}
Shades and Tints of #12ade2
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, #010608 is the darkest color, while #f5fcfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#02141a
#02141a
rgb(2,20,26)
-
#04222c
#04222c
rgb(4,34,44)
-
#05303e
#05303e
rgb(5,48,62)
-
#063e51
#063e51
rgb(6,62,81)
-
#084c63
#084c63
rgb(8,76,99)
-
#095a75
#095a75
rgb(9,90,117)
-
#0b6787
#0b6787
rgb(11,103,135)
-
#0c7599
#0c7599
rgb(12,117,153)
-
#0e83ab
#0e83ab
rgb(14,131,171)
-
#0f91be
#0f91be
rgb(15,145,190)
-
#119fd0
#119fd0
rgb(17,159,208)
-
#12ade2
#12ade2
rgb(18,173,226)
-
#1bb7ed
#1bb7ed
rgb(27,183,237)
-
#2dbdee
#2dbdee
rgb(45,189,238)
-
#3fc3f0
#3fc3f0
rgb(63,195,240)
-
#51c8f1
#51c8f1
rgb(81,200,241)
-
#63cef3
#63cef3
rgb(99,206,243)
-
#76d4f4
#76d4f4
rgb(118,212,244)
-
#88daf6
#88daf6
rgb(136,218,246)
-
#9adff7
#9adff7
rgb(154,223,247)
-
#ace5f8
#ace5f8
rgb(172,229,248)
-
#beebfa
#beebfa
rgb(190,235,250)
-
#d0f0fb
#d0f0fb
rgb(208,240,251)
-
#e3f6fd
#e3f6fd
rgb(227,246,253)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #12ade2
A tone is produced by adding gray to any pure hue. In this case, #797a7b is the less saturated color, while #09b2eb is the most saturated one.
-
#797a7b
#797a7b
rgb(121,122,123)
-
#707f84
#707f84
rgb(112,127,132)
-
#66848e
#66848e
rgb(102,132,142)
-
#5d8897
#5d8897
rgb(93,136,151)
-
#548da0
#548da0
rgb(84,141,160)
-
#4a91aa
#4a91aa
rgb(74,145,170)
-
#4196b3
#4196b3
rgb(65,150,179)
-
#389bbc
#389bbc
rgb(56,155,188)
-
#2e9fc6
#2e9fc6
rgb(46,159,198)
-
#25a4cf
#25a4cf
rgb(37,164,207)
-
#1ba8d9
#1ba8d9
rgb(27,168,217)
-
#12ade2
#12ade2
rgb(18,173,226)
-
#09b2eb
#09b2eb
rgb(9,178,235)
Color Blindness Simulator
Below, you can see how #12ade2 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.