#12ac93 Color Information
In a RGB color space, hex #12ac93 is composed of 7.1% red, 67.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 0% magenta, 14.5% yellow and 32.5% black. It has a hue angle of 170.3 degrees, a saturation of 81.1% and a lightness of 37.3%. #12ac93 color hex could be obtained by blending #24ffff with #005927. Closest websafe color is: #009999.
-
- R 7
- G 67
- B 58
-
- C 90
- M 0
- Y 15
- K 33
● #12ac93 color description : Dark cyan.
#12ac93 Color Conversion
The hexadecimal color #12ac93 has RGB values of R:18, G:172, B:147 and CMYK values of C:0.9, M:0, Y:0.15, K:0.33. Its decimal value is 1223827.
| Hex triplet | 12ac93 | #12ac93 |
|---|---|---|
| RGB Decimal | 18, 172, 147 | rgb(18,172,147) |
| RGB Percent | 7.1, 67.5, 57.6 | rgb(7.1%,67.5%,57.6%) |
| CMYK | 90, 0, 15, 33 | |
| HSL | 170.3°, 81.1, 37.3 | hsl(170.3,81.1%,37.3%) |
| HSV (or HSB) | 170.3°, 89.5, 67.5 | |
| Web Safe | 009999 | #009999 |
| CIE-LAB | 63.126, -42.349, 2.544 |
|---|---|
| XYZ | 20.267, 31.738, 32.66 |
| xyY | 0.239, 0.375, 31.738 |
| CIE-LCH | 63.126, 42.426, 176.562 |
| CIE-LUV | 63.126, -50.418, 10.083 |
| Hunter-Lab | 56.337, -34.375, 5.063 |
| Binary | 00010010, 10101100, 10010011 |
Color Schemes with #12ac93
Alternatives to #12ac93
Below, you can see some colors close to #12ac93. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#12ac93 Preview
This text has a font color of #12ac93.
<span style="color:#12ac93;">Text here</span>
This paragraph has a background color of #12ac93.
<p style="background-color:#12ac93;">Content here</p>
This element has a border color of #12ac93.
<div style="border:1px solid #12ac93;">Content here</div>
.text {color:#12ac93;}
.background {background-color:#12ac93;}
.border {border:1px solid #12ac93;}
Shades and Tints of #12ac93
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, #010c0a is the darkest color, while #f9fefe is the lightest one.
-
#010c0a
#010c0argb(1,12,10) -
#031e1a
#031e1argb(3,30,26) -
#053029
#053029rgb(5,48,41) -
#074138
#074138rgb(7,65,56) -
#095347
#095347rgb(9,83,71) -
#0b6556
#0b6556rgb(11,101,86) -
#0c7765
#0c7765rgb(12,119,101) -
#0e8875
#0e8875rgb(14,136,117) -
#109a84
#109a84rgb(16,154,132) -
#12ac93
#12ac93rgb(18,172,147) -
#14bea2
#14bea2rgb(20,190,162) -
#16d0b1
#16d0b1rgb(22,208,177) -
#18e1c1
#18e1c1rgb(24,225,193)
-
#24e8c8
#24e8c8rgb(36,232,200) -
#36eacd
#36eacdrgb(54,234,205) -
#48ecd1
#48ecd1rgb(72,236,209) -
#5aeed6
#5aeed6rgb(90,238,214) -
#6bf0da
#6bf0dargb(107,240,218) -
#7df1df
#7df1dfrgb(125,241,223) -
#8ff3e3
#8ff3e3rgb(143,243,227) -
#a1f5e7
#a1f5e7rgb(161,245,231) -
#b2f7ec
#b2f7ecrgb(178,247,236) -
#c4f9f0
#c4f9f0rgb(196,249,240) -
#d6fbf5
#d6fbf5rgb(214,251,245) -
#e8fdf9
#e8fdf9rgb(232,253,249) -
#f9fefe
#f9fefergb(249,254,254)
Tones of #12ac93
A tone is produced by adding gray to any pure hue. In this case, #5b6362 is the less saturated color, while #03bb9d is the most saturated one.
-
#5b6362
#5b6362rgb(91,99,98) -
#546a67
#546a67rgb(84,106,103) -
#4c726c
#4c726crgb(76,114,108) -
#457970
#457970rgb(69,121,112) -
#3e8075
#3e8075rgb(62,128,117) -
#37877a
#37877argb(55,135,122) -
#2f8f7f
#2f8f7frgb(47,143,127) -
#289684
#289684rgb(40,150,132) -
#219d89
#219d89rgb(33,157,137) -
#19a58e
#19a58ergb(25,165,142) -
#12ac93
#12ac93rgb(18,172,147) -
#0bb398
#0bb398rgb(11,179,152) -
#03bb9d
#03bb9drgb(3,187,157)
Color Blindness Simulator
Below, you can see how #12ac93 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.
