#12b4f4 Color Information
In a RGB color space, hex #12b4f4 is composed of 7.1% red, 70.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 26.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 197 degrees, a saturation of 91.1% and a lightness of 51.4%. #12b4f4 color hex could be obtained by blending #24ffff with #0069e9. Closest websafe color is: #00ccff.
-
- R 7
- G 71
- B 96
-
- C 93
- M 26
- Y 0
- K 4
● #12b4f4 color description : Vivid blue.
#12b4f4 Color Conversion
The hexadecimal color #12b4f4 has RGB values of R:18, G:180, B:244 and CMYK values of C:0.93, M:0.26, Y:0, K:0.04. Its decimal value is 1225972.
Hex triplet | 12b4f4 | #12b4f4 |
---|---|---|
RGB Decimal | 18, 180, 244 | rgb(18,180,244) |
RGB Percent | 7.1, 70.6, 95.7 | rgb(7.1%,70.6%,95.7%) |
CMYK | 93, 26, 0, 4 | |
HSL | 197°, 91.1, 51.4 | hsl(197,91.1%,51.4%) |
HSV (or HSB) | 197°, 92.6, 95.7 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 68.968, -15.189, -42.193 |
---|---|
XYZ | 32.896, 39.3, 91.435 |
xyY | 0.201, 0.24, 39.3 |
CIE-LCH | 68.968, 44.844, 250.201 |
CIE-LUV | 68.968, -45.813, -66.25 |
Hunter-Lab | 62.689, -16.04, -42.594 |
Binary | 00010010, 10110100, 11110100 |
Color Schemes with #12b4f4
Alternatives to #12b4f4
Below, you can see some colors close to #12b4f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12b4f4 Preview
This text has a font color of #12b4f4.
<span style="color:#12b4f4;">Text here</span>
This paragraph has a background color of #12b4f4.
<p style="background-color:#12b4f4;">Content here</p>
This element has a border color of #12b4f4.
<div style="border:1px solid #12b4f4;">Content here</div>
.text {color:#12b4f4;}
.background {background-color:#12b4f4;}
.border {border:1px solid #12b4f4;}
Shades and Tints of #12b4f4
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, #000507 is the darkest color, while #f3fbfe is the lightest one.
-
#000507
#000507
rgb(0,5,7)
-
#011319
#011319
rgb(1,19,25)
-
#02202c
#02202c
rgb(2,32,44)
-
#032e3f
#032e3f
rgb(3,46,63)
-
#043c52
#043c52
rgb(4,60,82)
-
#054964
#054964
rgb(5,73,100)
-
#065777
#065777
rgb(6,87,119)
-
#06658a
#06658a
rgb(6,101,138)
-
#07729d
#07729d
rgb(7,114,157)
-
#0880af
#0880af
rgb(8,128,175)
-
#098ec2
#098ec2
rgb(9,142,194)
-
#0a9bd5
#0a9bd5
rgb(10,155,213)
-
#0ba9e8
#0ba9e8
rgb(11,169,232)
-
#12b4f4
#12b4f4
rgb(18,180,244)
-
#25baf5
#25baf5
rgb(37,186,245)
-
#37c0f6
#37c0f6
rgb(55,192,246)
-
#4ac6f7
#4ac6f7
rgb(74,198,247)
-
#5dccf7
#5dccf7
rgb(93,204,247)
-
#70d2f8
#70d2f8
rgb(112,210,248)
-
#82d8f9
#82d8f9
rgb(130,216,249)
-
#95defa
#95defa
rgb(149,222,250)
-
#a8e3fb
#a8e3fb
rgb(168,227,251)
-
#bbe9fc
#bbe9fc
rgb(187,233,252)
-
#cdeffd
#cdeffd
rgb(205,239,253)
-
#e0f5fe
#e0f5fe
rgb(224,245,254)
-
#f3fbfe
#f3fbfe
rgb(243,251,254)
Tones of #12b4f4
A tone is produced by adding gray to any pure hue. In this case, #7b878b is the less saturated color, while #08b8fe is the most saturated one.
-
#7b878b
#7b878b
rgb(123,135,139)
-
#718b95
#718b95
rgb(113,139,149)
-
#688f9e
#688f9e
rgb(104,143,158)
-
#5e93a8
#5e93a8
rgb(94,147,168)
-
#5597b1
#5597b1
rgb(85,151,177)
-
#4b9bbb
#4b9bbb
rgb(75,155,187)
-
#429fc4
#429fc4
rgb(66,159,196)
-
#38a3ce
#38a3ce
rgb(56,163,206)
-
#2fa8d7
#2fa8d7
rgb(47,168,215)
-
#25ace1
#25ace1
rgb(37,172,225)
-
#1cb0ea
#1cb0ea
rgb(28,176,234)
-
#12b4f4
#12b4f4
rgb(18,180,244)
-
#08b8fe
#08b8fe
rgb(8,184,254)
Color Blindness Simulator
Below, you can see how #12b4f4 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.