#12a5dd Color Information
In a RGB color space, hex #12a5dd is composed of 7.1% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 196.6 degrees, a saturation of 84.9% and a lightness of 46.9%. #12a5dd color hex could be obtained by blending #24ffff with #004bbb. Closest websafe color is: #0099cc.
-
- R 7
- G 65
- B 87
-
- C 92
- M 25
- Y 0
- K 13
● #12a5dd color description : Vivid blue.
#12a5dd Color Conversion
The hexadecimal color #12a5dd has RGB values of R:18, G:165, B:221 and CMYK values of C:0.92, M:0.25, Y:0, K:0.13. Its decimal value is 1222109.
Hex triplet | 12a5dd | #12a5dd |
---|---|---|
RGB Decimal | 18, 165, 221 | rgb(18,165,221) |
RGB Percent | 7.1, 64.7, 86.7 | rgb(7.1%,64.7%,86.7%) |
CMYK | 92, 25, 0, 13 | |
HSL | 196.6°, 84.9, 46.9 | hsl(196.6,84.9%,46.9%) |
HSV (or HSB) | 196.6°, 91.9, 86.7 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 63.555, -15.231, -38.057 |
---|---|
XYZ | 26.752, 32.257, 73.219 |
xyY | 0.202, 0.244, 32.257 |
CIE-LCH | 63.555, 40.992, 248.188 |
CIE-LUV | 63.555, -42.388, -58.489 |
Hunter-Lab | 56.795, -15.312, -36.679 |
Binary | 00010010, 10100101, 11011101 |
Color Schemes with #12a5dd
Alternatives to #12a5dd
Below, you can see some colors close to #12a5dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12a5dd Preview
This text has a font color of #12a5dd.
<span style="color:#12a5dd;">Text here</span>
This paragraph has a background color of #12a5dd.
<p style="background-color:#12a5dd;">Content here</p>
This element has a border color of #12a5dd.
<div style="border:1px solid #12a5dd;">Content here</div>
.text {color:#12a5dd;}
.background {background-color:#12a5dd;}
.border {border:1px solid #12a5dd;}
Shades and Tints of #12a5dd
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, #000203 is the darkest color, while #f0fafe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#021015
#021015
rgb(2,16,21)
-
#031e28
#031e28
rgb(3,30,40)
-
#052b3a
#052b3a
rgb(5,43,58)
-
#06394c
#06394c
rgb(6,57,76)
-
#08465e
#08465e
rgb(8,70,94)
-
#095470
#095470
rgb(9,84,112)
-
#0b6182
#0b6182
rgb(11,97,130)
-
#0c6f94
#0c6f94
rgb(12,111,148)
-
#0e7ca7
#0e7ca7
rgb(14,124,167)
-
#0f8ab9
#0f8ab9
rgb(15,138,185)
-
#1197cb
#1197cb
rgb(17,151,203)
-
#12a5dd
#12a5dd
rgb(18,165,221)
-
#17b1ec
#17b1ec
rgb(23,177,236)
-
#29b7ee
#29b7ee
rgb(41,183,238)
-
#3bbdef
#3bbdef
rgb(59,189,239)
-
#4dc3f0
#4dc3f0
rgb(77,195,240)
-
#5fc9f2
#5fc9f2
rgb(95,201,242)
-
#71d0f3
#71d0f3
rgb(113,208,243)
-
#83d6f5
#83d6f5
rgb(131,214,245)
-
#96dcf6
#96dcf6
rgb(150,220,246)
-
#a8e2f8
#a8e2f8
rgb(168,226,248)
-
#bae8f9
#bae8f9
rgb(186,232,249)
-
#cceefb
#cceefb
rgb(204,238,251)
-
#def4fc
#def4fc
rgb(222,244,252)
-
#f0fafe
#f0fafe
rgb(240,250,254)
Tones of #12a5dd
A tone is produced by adding gray to any pure hue. In this case, #777878 is the less saturated color, while #09a9e6 is the most saturated one.
-
#777878
#777878
rgb(119,120,120)
-
#6e7c81
#6e7c81
rgb(110,124,129)
-
#65808a
#65808a
rgb(101,128,138)
-
#5c8493
#5c8493
rgb(92,132,147)
-
#52889d
#52889d
rgb(82,136,157)
-
#498ca6
#498ca6
rgb(73,140,166)
-
#4090af
#4090af
rgb(64,144,175)
-
#3795b8
#3795b8
rgb(55,149,184)
-
#2e99c1
#2e99c1
rgb(46,153,193)
-
#249dcb
#249dcb
rgb(36,157,203)
-
#1ba1d4
#1ba1d4
rgb(27,161,212)
-
#12a5dd
#12a5dd
rgb(18,165,221)
-
#09a9e6
#09a9e6
rgb(9,169,230)
Color Blindness Simulator
Below, you can see how #12a5dd 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.