#12a2f0 Color Information
In a RGB color space, hex #12a2f0 is composed of 7.1% red, 63.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 92.5% cyan, 32.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 201.1 degrees, a saturation of 88.1% and a lightness of 50.6%. #12a2f0 color hex could be obtained by blending #24ffff with #0045e1. Closest websafe color is: #0099ff.
-
- R 7
- G 64
- B 94
-
- C 93
- M 33
- Y 0
- K 6
● #12a2f0 color description : Vivid blue.
#12a2f0 Color Conversion
The hexadecimal color #12a2f0 has RGB values of R:18, G:162, B:240 and CMYK values of C:0.93, M:0.33, Y:0, K:0.06. Its decimal value is 1221360.
Hex triplet | 12a2f0 | #12a2f0 |
---|---|---|
RGB Decimal | 18, 162, 240 | rgb(18,162,240) |
RGB Percent | 7.1, 63.5, 94.1 | rgb(7.1%,63.5%,94.1%) |
CMYK | 93, 33, 0, 6 | |
HSL | 201.1°, 88.1, 50.6 | hsl(201.1,88.1%,50.6%) |
HSV (or HSB) | 201.1°, 92.5, 94.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 63.555, -6.714, -48.521 |
---|---|
XYZ | 28.894, 32.258, 87.137 |
xyY | 0.195, 0.218, 32.258 |
CIE-LCH | 63.555, 48.983, 262.121 |
CIE-LUV | 63.555, -40.113, -77.11 |
Hunter-Lab | 56.796, -8.584, -51.206 |
Binary | 00010010, 10100010, 11110000 |
Color Schemes with #12a2f0
Alternatives to #12a2f0
Below, you can see some colors close to #12a2f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12a2f0 Preview
This text has a font color of #12a2f0.
<span style="color:#12a2f0;">Text here</span>
This paragraph has a background color of #12a2f0.
<p style="background-color:#12a2f0;">Content here</p>
This element has a border color of #12a2f0.
<div style="border:1px solid #12a2f0;">Content here</div>
.text {color:#12a2f0;}
.background {background-color:#12a2f0;}
.border {border:1px solid #12a2f0;}
Shades and Tints of #12a2f0
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 #eff9fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#010e15
#010e15
rgb(1,14,21)
-
#031b28
#031b28
rgb(3,27,40)
-
#04273a
#04273a
rgb(4,39,58)
-
#05334d
#05334d
rgb(5,51,77)
-
#06405f
#06405f
rgb(6,64,95)
-
#074c72
#074c72
rgb(7,76,114)
-
#085984
#085984
rgb(8,89,132)
-
#0a6596
#0a6596
rgb(10,101,150)
-
#0b71a9
#0b71a9
rgb(11,113,169)
-
#0c7ebb
#0c7ebb
rgb(12,126,187)
-
#0d8ace
#0d8ace
rgb(13,138,206)
-
#0e96e0
#0e96e0
rgb(14,150,224)
-
#12a2f0
#12a2f0
rgb(18,162,240)
-
#24a9f1
#24a9f1
rgb(36,169,241)
-
#37b0f2
#37b0f2
rgb(55,176,242)
-
#49b8f4
#49b8f4
rgb(73,184,244)
-
#5cbff5
#5cbff5
rgb(92,191,245)
-
#6ec6f6
#6ec6f6
rgb(110,198,246)
-
#81cdf7
#81cdf7
rgb(129,205,247)
-
#93d5f8
#93d5f8
rgb(147,213,248)
-
#a6dcf9
#a6dcf9
rgb(166,220,249)
-
#b8e3fb
#b8e3fb
rgb(184,227,251)
-
#caeafc
#caeafc
rgb(202,234,252)
-
#ddf2fd
#ddf2fd
rgb(221,242,253)
-
#eff9fe
#eff9fe
rgb(239,249,254)
Tones of #12a2f0
A tone is produced by adding gray to any pure hue. In this case, #7d8285 is the less saturated color, while #08a5fa is the most saturated one.
-
#7d8285
#7d8285
rgb(125,130,133)
-
#73858f
#73858f
rgb(115,133,143)
-
#698899
#698899
rgb(105,136,153)
-
#608ba2
#608ba2
rgb(96,139,162)
-
#568eac
#568eac
rgb(86,142,172)
-
#4c91b6
#4c91b6
rgb(76,145,182)
-
#4294c0
#4294c0
rgb(66,148,192)
-
#3996c9
#3996c9
rgb(57,150,201)
-
#2f99d3
#2f99d3
rgb(47,153,211)
-
#259cdd
#259cdd
rgb(37,156,221)
-
#1c9fe6
#1c9fe6
rgb(28,159,230)
-
#12a2f0
#12a2f0
rgb(18,162,240)
-
#08a5fa
#08a5fa
rgb(8,165,250)
Color Blindness Simulator
Below, you can see how #12a2f0 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.