#12ade4 Color Information
In a RGB color space, hex #12ade4 is composed of 7.1% red, 67.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 24.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 195.7 degrees, a saturation of 85.4% and a lightness of 48.2%. #12ade4 color hex could be obtained by blending #24ffff with #005bc9. Closest websafe color is: #0099cc.
-
- R 7
- G 68
- B 89
-
- C 92
- M 24
- Y 0
- K 11
● #12ade4 color description : Vivid blue.
#12ade4 Color Conversion
The hexadecimal color #12ade4 has RGB values of R:18, G:173, B:228 and CMYK values of C:0.92, M:0.24, Y:0, K:0.11. Its decimal value is 1224164.
Hex triplet | 12ade4 | #12ade4 |
---|---|---|
RGB Decimal | 18, 173, 228 | rgb(18,173,228) |
RGB Percent | 7.1, 67.8, 89.4 | rgb(7.1%,67.8%,89.4%) |
CMYK | 92, 24, 0, 11 | |
HSL | 195.7°, 85.4, 48.2 | hsl(195.7,85.4%,48.2%) |
HSV (or HSB) | 195.7°, 92.1, 89.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 66.224, -17.063, -37.745 |
---|---|
XYZ | 29.193, 35.614, 78.73 |
xyY | 0.203, 0.248, 35.614 |
CIE-LCH | 66.224, 41.422, 245.675 |
CIE-LUV | 66.224, -44.597, -58.089 |
Hunter-Lab | 59.678, -17.118, -36.444 |
Binary | 00010010, 10101101, 11100100 |
Color Schemes with #12ade4
Alternatives to #12ade4
Below, you can see some colors close to #12ade4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12ade4 Preview
This text has a font color of #12ade4.
<span style="color:#12ade4;">Text here</span>
This paragraph has a background color of #12ade4.
<p style="background-color:#12ade4;">Content here</p>
This element has a border color of #12ade4.
<div style="border:1px solid #12ade4;">Content here</div>
.text {color:#12ade4;}
.background {background-color:#12ade4;}
.border {border:1px solid #12ade4;}
Shades and Tints of #12ade4
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, #01070a is the darkest color, while #f7fcfe is the lightest one.
-
#01070a
#01070a
rgb(1,7,10)
-
#02151c
#02151c
rgb(2,21,28)
-
#04232e
#04232e
rgb(4,35,46)
-
#053140
#053140
rgb(5,49,64)
-
#073f53
#073f53
rgb(7,63,83)
-
#084c65
#084c65
rgb(8,76,101)
-
#095a77
#095a77
rgb(9,90,119)
-
#0b6889
#0b6889
rgb(11,104,137)
-
#0c769b
#0c769b
rgb(12,118,155)
-
#0e84ad
#0e84ad
rgb(14,132,173)
-
#0f91c0
#0f91c0
rgb(15,145,192)
-
#119fd2
#119fd2
rgb(17,159,210)
-
#12ade4
#12ade4
rgb(18,173,228)
-
#1cb6ed
#1cb6ed
rgb(28,182,237)
-
#2fbcef
#2fbcef
rgb(47,188,239)
-
#41c2f0
#41c2f0
rgb(65,194,240)
-
#53c8f1
#53c8f1
rgb(83,200,241)
-
#65cef3
#65cef3
rgb(101,206,243)
-
#77d4f4
#77d4f4
rgb(119,212,244)
-
#8ad9f6
#8ad9f6
rgb(138,217,246)
-
#9cdff7
#9cdff7
rgb(156,223,247)
-
#aee5f9
#aee5f9
rgb(174,229,249)
-
#c0ebfa
#c0ebfa
rgb(192,235,250)
-
#d2f1fb
#d2f1fb
rgb(210,241,251)
-
#e4f7fd
#e4f7fd
rgb(228,247,253)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #12ade4
A tone is produced by adding gray to any pure hue. In this case, #7a7b7c is the less saturated color, while #09b2ed is the most saturated one.
-
#7a7b7c
#7a7b7c
rgb(122,123,124)
-
#718085
#718085
rgb(113,128,133)
-
#67848f
#67848f
rgb(103,132,143)
-
#5e8998
#5e8998
rgb(94,137,152)
-
#548da2
#548da2
rgb(84,141,162)
-
#4b92ab
#4b92ab
rgb(75,146,171)
-
#4196b5
#4196b5
rgb(65,150,181)
-
#389bbe
#389bbe
rgb(56,155,190)
-
#2e9fc8
#2e9fc8
rgb(46,159,200)
-
#25a4d1
#25a4d1
rgb(37,164,209)
-
#1ba8db
#1ba8db
rgb(27,168,219)
-
#12ade4
#12ade4
rgb(18,173,228)
-
#09b2ed
#09b2ed
rgb(9,178,237)
Color Blindness Simulator
Below, you can see how #12ade4 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.