#12bad4 Color Information
In a RGB color space, hex #12bad4 is composed of 7.1% red, 72.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 12.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 188 degrees, a saturation of 84.3% and a lightness of 45.1%. #12bad4 color hex could be obtained by blending #24ffff with #0075a9. Closest websafe color is: #00cccc.
-
- R 7
- G 73
- B 83
-
- C 92
- M 12
- Y 0
- K 17
● #12bad4 color description : Strong cyan.
#12bad4 Color Conversion
The hexadecimal color #12bad4 has RGB values of R:18, G:186, B:212 and CMYK values of C:0.92, M:0.12, Y:0, K:0.17. Its decimal value is 1227476.
Hex triplet | 12bad4 | #12bad4 |
---|---|---|
RGB Decimal | 18, 186, 212 | rgb(18,186,212) |
RGB Percent | 7.1, 72.9, 83.1 | rgb(7.1%,72.9%,83.1%) |
CMYK | 92, 12, 0, 17 | |
HSL | 188°, 84.3, 45.1 | hsl(188,84.3%,45.1%) |
HSV (or HSB) | 188°, 91.5, 83.1 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 69.467, -29.143, -23.964 |
---|---|
XYZ | 29.689, 39.997, 68.439 |
xyY | 0.215, 0.29, 39.997 |
CIE-LCH | 69.467, 37.73, 219.43 |
CIE-LUV | 69.467, -50.222, -33.604 |
Hunter-Lab | 63.243, -26.881, -19.891 |
Binary | 00010010, 10111010, 11010100 |
Color Schemes with #12bad4
Alternatives to #12bad4
Below, you can see some colors close to #12bad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12bad4 Preview
This text has a font color of #12bad4.
<span style="color:#12bad4;">Text here</span>
This paragraph has a background color of #12bad4.
<p style="background-color:#12bad4;">Content here</p>
This element has a border color of #12bad4.
<div style="border:1px solid #12bad4;">Content here</div>
.text {color:#12bad4;}
.background {background-color:#12bad4;}
.border {border:1px solid #12bad4;}
Shades and Tints of #12bad4
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, #010c0d is the darkest color, while #fafeff is the lightest one.
-
#010c0d
#010c0d
rgb(1,12,13)
-
#031b1f
#031b1f
rgb(3,27,31)
-
#042b31
#042b31
rgb(4,43,49)
-
#063b43
#063b43
rgb(6,59,67)
-
#074b55
#074b55
rgb(7,75,85)
-
#095b68
#095b68
rgb(9,91,104)
-
#0a6b7a
#0a6b7a
rgb(10,107,122)
-
#0c7b8c
#0c7b8c
rgb(12,123,140)
-
#0d8a9e
#0d8a9e
rgb(13,138,158)
-
#0f9ab0
#0f9ab0
rgb(15,154,176)
-
#10aac2
#10aac2
rgb(16,170,194)
-
#12bad4
#12bad4
rgb(18,186,212)
-
#14cae6
#14cae6
rgb(20,202,230)
-
#21d1ec
#21d1ec
rgb(33,209,236)
-
#33d5ee
#33d5ee
rgb(51,213,238)
-
#45d8ef
#45d8ef
rgb(69,216,239)
-
#57dcf1
#57dcf1
rgb(87,220,241)
-
#69e0f2
#69e0f2
rgb(105,224,242)
-
#7be4f4
#7be4f4
rgb(123,228,244)
-
#8ee7f5
#8ee7f5
rgb(142,231,245)
-
#a0ebf7
#a0ebf7
rgb(160,235,247)
-
#b2eff8
#b2eff8
rgb(178,239,248)
-
#c4f3fa
#c4f3fa
rgb(196,243,250)
-
#d6f6fc
#d6f6fc
rgb(214,246,252)
-
#e8fafd
#e8fafd
rgb(232,250,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #12bad4
A tone is produced by adding gray to any pure hue. In this case, #6a797c is the less saturated color, while #00c7e6 is the most saturated one.
-
#6a797c
#6a797c
rgb(106,121,124)
-
#628084
#628084
rgb(98,128,132)
-
#59868d
#59868d
rgb(89,134,141)
-
#508d96
#508d96
rgb(80,141,150)
-
#47939f
#47939f
rgb(71,147,159)
-
#3e9aa8
#3e9aa8
rgb(62,154,168)
-
#35a0b1
#35a0b1
rgb(53,160,177)
-
#2da7b9
#2da7b9
rgb(45,167,185)
-
#24adc2
#24adc2
rgb(36,173,194)
-
#1bb4cb
#1bb4cb
rgb(27,180,203)
-
#12bad4
#12bad4
rgb(18,186,212)
-
#09c0dd
#09c0dd
rgb(9,192,221)
-
#00c7e6
#00c7e6
rgb(0,199,230)
Color Blindness Simulator
Below, you can see how #12bad4 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.