#3aa296 Color Information
In a RGB color space, hex #3aa296 is composed of 22.7% red, 63.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 7.4% yellow and 36.5% black. It has a hue angle of 173.1 degrees, a saturation of 47.3% and a lightness of 43.1%. #3aa296 color hex could be obtained by blending #74ffff with #00452d. Closest websafe color is: #339999.
-
- R 23
- G 64
- B 59
-
- C 64
- M 0
- Y 7
- K 36
● #3aa296 color description : Dark moderate cyan.
#3aa296 Color Conversion
The hexadecimal color #3aa296 has RGB values of R:58, G:162, B:150 and CMYK values of C:0.64, M:0, Y:0.07, K:0.36. Its decimal value is 3842710.
Hex triplet | 3aa296 | #3aa296 |
---|---|---|
RGB Decimal | 58, 162, 150 | rgb(58,162,150) |
RGB Percent | 22.7, 63.5, 58.8 | rgb(22.7%,63.5%,58.8%) |
CMYK | 64, 0, 7, 36 | |
HSL | 173.1°, 47.3, 43.1 | hsl(173.1,47.3%,43.1%) |
HSV (or HSB) | 173.1°, 64.2, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.729, -32.501, -2.559 |
---|---|
XYZ | 20.169, 28.94, 33.376 |
xyY | 0.245, 0.351, 28.94 |
CIE-LCH | 60.729, 32.601, 184.502 |
CIE-LUV | 60.729, -41.309, 1.164 |
Hunter-Lab | 53.796, -27.223, 0.874 |
Binary | 00111010, 10100010, 10010110 |
Color Schemes with #3aa296
Alternatives to #3aa296
Below, you can see some colors close to #3aa296. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa296 Preview
This text has a font color of #3aa296.
<span style="color:#3aa296;">Text here</span>
This paragraph has a background color of #3aa296.
<p style="background-color:#3aa296;">Content here</p>
This element has a border color of #3aa296.
<div style="border:1px solid #3aa296;">Content here</div>
.text {color:#3aa296;}
.background {background-color:#3aa296;}
.border {border:1px solid #3aa296;}
Shades and Tints of #3aa296
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, #010303 is the darkest color, while #f4fbfa is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#061210
#061210
rgb(6,18,16)
-
#0b201e
#0b201e
rgb(11,32,30)
-
#112e2b
#112e2b
rgb(17,46,43)
-
#163d38
#163d38
rgb(22,61,56)
-
#1b4b46
#1b4b46
rgb(27,75,70)
-
#205a53
#205a53
rgb(32,90,83)
-
#256861
#256861
rgb(37,104,97)
-
#2a776e
#2a776e
rgb(42,119,110)
-
#30857b
#30857b
rgb(48,133,123)
-
#359489
#359489
rgb(53,148,137)
-
#3aa296
#3aa296
rgb(58,162,150)
-
#3fb0a3
#3fb0a3
rgb(63,176,163)
-
#46bdaf
#46bdaf
rgb(70,189,175)
-
#55c2b5
#55c2b5
rgb(85,194,181)
-
#63c7bc
#63c7bc
rgb(99,199,188)
-
#72ccc2
#72ccc2
rgb(114,204,194)
-
#80d2c8
#80d2c8
rgb(128,210,200)
-
#8fd7ce
#8fd7ce
rgb(143,215,206)
-
#9ddcd5
#9ddcd5
rgb(157,220,213)
-
#abe1db
#abe1db
rgb(171,225,219)
-
#bae6e1
#bae6e1
rgb(186,230,225)
-
#c8ebe7
#c8ebe7
rgb(200,235,231)
-
#d7f1ee
#d7f1ee
rgb(215,241,238)
-
#e5f6f4
#e5f6f4
rgb(229,246,244)
-
#f4fbfa
#f4fbfa
rgb(244,251,250)
Tones of #3aa296
A tone is produced by adding gray to any pure hue. In this case, #6d6f6f is the less saturated color, while #07d5bd is the most saturated one.
-
#6d6f6f
#6d6f6f
rgb(109,111,111)
-
#647875
#647875
rgb(100,120,117)
-
#5c807c
#5c807c
rgb(92,128,124)
-
#538982
#538982
rgb(83,137,130)
-
#4b9189
#4b9189
rgb(75,145,137)
-
#429a8f
#429a8f
rgb(66,154,143)
-
#3aa296
#3aa296
rgb(58,162,150)
-
#32aa9d
#32aa9d
rgb(50,170,157)
-
#29b3a3
#29b3a3
rgb(41,179,163)
-
#21bbaa
#21bbaa
rgb(33,187,170)
-
#18c4b0
#18c4b0
rgb(24,196,176)
-
#10ccb7
#10ccb7
rgb(16,204,183)
-
#07d5bd
#07d5bd
rgb(7,213,189)
Color Blindness Simulator
Below, you can see how #3aa296 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.