#12ace4 Color Information
In a RGB color space, hex #12ace4 is composed of 7.1% red, 67.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 24.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 196 degrees, a saturation of 85.4% and a lightness of 48.2%. #12ace4 color hex could be obtained by blending #24ffff with #0059c9. Closest websafe color is: #0099cc.
-
- R 7
- G 67
- B 89
-
- C 92
- M 25
- Y 0
- K 11
● #12ace4 color description : Vivid blue.
#12ace4 Color Conversion
The hexadecimal color #12ace4 has RGB values of R:18, G:172, B:228 and CMYK values of C:0.92, M:0.25, Y:0, K:0.11. Its decimal value is 1223908.
Hex triplet | 12ace4 | #12ace4 |
---|---|---|
RGB Decimal | 18, 172, 228 | rgb(18,172,228) |
RGB Percent | 7.1, 67.5, 89.4 | rgb(7.1%,67.5%,89.4%) |
CMYK | 92, 25, 0, 11 | |
HSL | 196°, 85.4, 48.2 | hsl(196,85.4%,48.2%) |
HSV (or HSB) | 196°, 92.1, 89.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 65.929, -16.528, -38.205 |
---|---|
XYZ | 29.002, 35.232, 78.666 |
xyY | 0.203, 0.247, 35.232 |
CIE-LCH | 65.929, 41.627, 246.606 |
CIE-LUV | 65.929, -44.259, -58.898 |
Hunter-Lab | 59.357, -16.659, -37.028 |
Binary | 00010010, 10101100, 11100100 |
Color Schemes with #12ace4
Alternatives to #12ace4
Below, you can see some colors close to #12ace4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12ace4 Preview
This text has a font color of #12ace4.
<span style="color:#12ace4;">Text here</span>
This paragraph has a background color of #12ace4.
<p style="background-color:#12ace4;">Content here</p>
This element has a border color of #12ace4.
<div style="border:1px solid #12ace4;">Content here</div>
.text {color:#12ace4;}
.background {background-color:#12ace4;}
.border {border:1px solid #12ace4;}
Shades and Tints of #12ace4
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)
-
#073e53
#073e53
rgb(7,62,83)
-
#084c65
#084c65
rgb(8,76,101)
-
#095a77
#095a77
rgb(9,90,119)
-
#0b6789
#0b6789
rgb(11,103,137)
-
#0c759b
#0c759b
rgb(12,117,155)
-
#0e83ad
#0e83ad
rgb(14,131,173)
-
#0f91c0
#0f91c0
rgb(15,145,192)
-
#119ed2
#119ed2
rgb(17,158,210)
-
#12ace4
#12ace4
rgb(18,172,228)
-
#1cb5ed
#1cb5ed
rgb(28,181,237)
-
#2fbbef
#2fbbef
rgb(47,187,239)
-
#41c1f0
#41c1f0
rgb(65,193,240)
-
#53c7f1
#53c7f1
rgb(83,199,241)
-
#65cdf3
#65cdf3
rgb(101,205,243)
-
#77d3f4
#77d3f4
rgb(119,211,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)
-
#d2f0fb
#d2f0fb
rgb(210,240,251)
-
#e4f6fd
#e4f6fd
rgb(228,246,253)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #12ace4
A tone is produced by adding gray to any pure hue. In this case, #7a7b7c is the less saturated color, while #09b0ed 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)
-
#389abe
#389abe
rgb(56,154,190)
-
#2e9fc8
#2e9fc8
rgb(46,159,200)
-
#25a3d1
#25a3d1
rgb(37,163,209)
-
#1ba8db
#1ba8db
rgb(27,168,219)
-
#12ace4
#12ace4
rgb(18,172,228)
-
#09b0ed
#09b0ed
rgb(9,176,237)
Color Blindness Simulator
Below, you can see how #12ace4 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.