#3aac96 Color Information
In a RGB color space, hex #3aac96 is composed of 22.7% red, 67.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 0% magenta, 12.8% yellow and 32.5% black. It has a hue angle of 168.4 degrees, a saturation of 49.6% and a lightness of 45.1%. #3aac96 color hex could be obtained by blending #74ffff with #00592d. Closest websafe color is: #339999.
-
- R 23
- G 67
- B 59
-
- C 66
- M 0
- Y 13
- K 33
● #3aac96 color description : Dark moderate cyan.
#3aac96 Color Conversion
The hexadecimal color #3aac96 has RGB values of R:58, G:172, B:150 and CMYK values of C:0.66, M:0, Y:0.13, K:0.33. Its decimal value is 3845270.
Hex triplet | 3aac96 | #3aac96 |
---|---|---|
RGB Decimal | 58, 172, 150 | rgb(58,172,150) |
RGB Percent | 22.7, 67.5, 58.8 | rgb(22.7%,67.5%,58.8%) |
CMYK | 66, 0, 13, 33 | |
HSL | 168.4°, 49.6, 45.1 | hsl(168.4,49.6%,45.1%) |
HSV (or HSB) | 168.4°, 66.3, 67.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 63.84, -37.138, 1.986 |
---|---|
XYZ | 22.001, 32.605, 33.986 |
xyY | 0.248, 0.368, 32.605 |
CIE-LCH | 63.84, 37.191, 176.939 |
CIE-LUV | 63.84, -45.053, 8.58 |
Hunter-Lab | 57.1, -31.15, 4.681 |
Binary | 00111010, 10101100, 10010110 |
Color Schemes with #3aac96
Alternatives to #3aac96
Below, you can see some colors close to #3aac96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aac96 Preview
This text has a font color of #3aac96.
<span style="color:#3aac96;">Text here</span>
This paragraph has a background color of #3aac96.
<p style="background-color:#3aac96;">Content here</p>
This element has a border color of #3aac96.
<div style="border:1px solid #3aac96;">Content here</div>
.text {color:#3aac96;}
.background {background-color:#3aac96;}
.border {border:1px solid #3aac96;}
Shades and Tints of #3aac96
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, #040b09 is the darkest color, while #fbfefd is the lightest one.
-
#040b09
#040b09
rgb(4,11,9)
-
#091916
#091916
rgb(9,25,22)
-
#0d2823
#0d2823
rgb(13,40,35)
-
#123730
#123730
rgb(18,55,48)
-
#17453c
#17453c
rgb(23,69,60)
-
#1c5449
#1c5449
rgb(28,84,73)
-
#216356
#216356
rgb(33,99,86)
-
#267163
#267163
rgb(38,113,99)
-
#2b8070
#2b8070
rgb(43,128,112)
-
#308f7c
#308f7c
rgb(48,143,124)
-
#359d89
#359d89
rgb(53,157,137)
-
#3aac96
#3aac96
rgb(58,172,150)
-
#3fbba3
#3fbba3
rgb(63,187,163)
-
#4bc2ab
#4bc2ab
rgb(75,194,171)
-
#5ac7b2
#5ac7b2
rgb(90,199,178)
-
#68ccb9
#68ccb9
rgb(104,204,185)
-
#77d1c0
#77d1c0
rgb(119,209,192)
-
#86d6c7
#86d6c7
rgb(134,214,199)
-
#94dbcd
#94dbcd
rgb(148,219,205)
-
#a3e0d4
#a3e0d4
rgb(163,224,212)
-
#b2e5db
#b2e5db
rgb(178,229,219)
-
#c0eae2
#c0eae2
rgb(192,234,226)
-
#cfefe9
#cfefe9
rgb(207,239,233)
-
#def4ef
#def4ef
rgb(222,244,239)
-
#ecf9f6
#ecf9f6
rgb(236,249,246)
-
#fbfefd
#fbfefd
rgb(251,254,253)
Tones of #3aac96
A tone is produced by adding gray to any pure hue. In this case, #6f7775 is the less saturated color, while #05e1b7 is the most saturated one.
-
#6f7775
#6f7775
rgb(111,119,117)
-
#66807b
#66807b
rgb(102,128,123)
-
#5d8980
#5d8980
rgb(93,137,128)
-
#559186
#559186
rgb(85,145,134)
-
#4c9a8b
#4c9a8b
rgb(76,154,139)
-
#43a391
#43a391
rgb(67,163,145)
-
#3aac96
#3aac96
rgb(58,172,150)
-
#31b59b
#31b59b
rgb(49,181,155)
-
#28bea1
#28bea1
rgb(40,190,161)
-
#1fc7a6
#1fc7a6
rgb(31,199,166)
-
#17cfac
#17cfac
rgb(23,207,172)
-
#0ed8b1
#0ed8b1
rgb(14,216,177)
-
#05e1b7
#05e1b7
rgb(5,225,183)
Color Blindness Simulator
Below, you can see how #3aac96 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.