#3aa2c8 Color Information
In a RGB color space, hex #3aa2c8 is composed of 22.7% red, 63.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 19% magenta, 0% yellow and 21.6% black. It has a hue angle of 196.1 degrees, a saturation of 56.3% and a lightness of 50.6%. #3aa2c8 color hex could be obtained by blending #74ffff with #004591. Closest websafe color is: #3399cc.
-
- R 23
- G 64
- B 78
-
- C 71
- M 19
- Y 0
- K 22
● #3aa2c8 color description : Moderate blue.
#3aa2c8 Color Conversion
The hexadecimal color #3aa2c8 has RGB values of R:58, G:162, B:200 and CMYK values of C:0.71, M:0.19, Y:0, K:0.22. Its decimal value is 3842760.
Hex triplet | 3aa2c8 | #3aa2c8 |
---|---|---|
RGB Decimal | 58, 162, 200 | rgb(58,162,200) |
RGB Percent | 22.7, 63.5, 78.4 | rgb(22.7%,63.5%,78.4%) |
CMYK | 71, 19, 0, 22 | |
HSL | 196.1°, 56.3, 50.6 | hsl(196.1,56.3%,50.6%) |
HSV (or HSB) | 196.1°, 71, 78.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.43, -17.327, -28.089 |
---|---|
XYZ | 25.088, 30.908, 59.284 |
xyY | 0.218, 0.268, 30.908 |
CIE-LCH | 62.43, 33.004, 238.332 |
CIE-LUV | 62.43, -38.38, -41.4 |
Hunter-Lab | 55.595, -16.742, -24.307 |
Binary | 00111010, 10100010, 11001000 |
Color Schemes with #3aa2c8
Alternatives to #3aa2c8
Below, you can see some colors close to #3aa2c8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa2c8 Preview
This text has a font color of #3aa2c8.
<span style="color:#3aa2c8;">Text here</span>
This paragraph has a background color of #3aa2c8.
<p style="background-color:#3aa2c8;">Content here</p>
This element has a border color of #3aa2c8.
<div style="border:1px solid #3aa2c8;">Content here</div>
.text {color:#3aa2c8;}
.background {background-color:#3aa2c8;}
.border {border:1px solid #3aa2c8;}
Shades and Tints of #3aa2c8
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, #010202 is the darkest color, while #f2f9fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050e12
#050e12
rgb(5,14,18)
-
#091b21
#091b21
rgb(9,27,33)
-
#0d2730
#0d2730
rgb(13,39,48)
-
#123340
#123340
rgb(18,51,64)
-
#16404f
#16404f
rgb(22,64,79)
-
#1a4c5e
#1a4c5e
rgb(26,76,94)
-
#1f596e
#1f596e
rgb(31,89,110)
-
#23657d
#23657d
rgb(35,101,125)
-
#27718c
#27718c
rgb(39,113,140)
-
#2b7e9c
#2b7e9c
rgb(43,126,156)
-
#308aab
#308aab
rgb(48,138,171)
-
#3496ba
#3496ba
rgb(52,150,186)
-
#3aa2c8
#3aa2c8
rgb(58,162,200)
-
#49a9cc
#49a9cc
rgb(73,169,204)
-
#59b0d1
#59b0d1
rgb(89,176,209)
-
#68b8d5
#68b8d5
rgb(104,184,213)
-
#77bfd9
#77bfd9
rgb(119,191,217)
-
#87c6dd
#87c6dd
rgb(135,198,221)
-
#96cde2
#96cde2
rgb(150,205,226)
-
#a5d5e6
#a5d5e6
rgb(165,213,230)
-
#b5dcea
#b5dcea
rgb(181,220,234)
-
#c4e3ef
#c4e3ef
rgb(196,227,239)
-
#d3eaf3
#d3eaf3
rgb(211,234,243)
-
#e3f2f7
#e3f2f7
rgb(227,242,247)
-
#f2f9fb
#f2f9fb
rgb(242,249,251)
Tones of #3aa2c8
A tone is produced by adding gray to any pure hue. In this case, #7e8284 is the less saturated color, while #0ab9f8 is the most saturated one.
-
#7e8284
#7e8284
rgb(126,130,132)
-
#74878e
#74878e
rgb(116,135,142)
-
#6a8b98
#6a8b98
rgb(106,139,152)
-
#6190a1
#6190a1
rgb(97,144,161)
-
#5794ab
#5794ab
rgb(87,148,171)
-
#4d99b5
#4d99b5
rgb(77,153,181)
-
#449dbe
#449dbe
rgb(68,157,190)
-
#3aa2c8
#3aa2c8
rgb(58,162,200)
-
#30a7d2
#30a7d2
rgb(48,167,210)
-
#27abdb
#27abdb
rgb(39,171,219)
-
#1db0e5
#1db0e5
rgb(29,176,229)
-
#13b4ef
#13b4ef
rgb(19,180,239)
-
#0ab9f8
#0ab9f8
rgb(10,185,248)
Color Blindness Simulator
Below, you can see how #3aa2c8 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.