#3aa9c4 Color Information
In a RGB color space, hex #3aa9c4 is composed of 22.7% red, 66.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 13.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 191.7 degrees, a saturation of 54.3% and a lightness of 49.8%. #3aa9c4 color hex could be obtained by blending #74ffff with #005389. Closest websafe color is: #3399cc.
-
- R 23
- G 66
- B 77
-
- C 70
- M 14
- Y 0
- K 23
● #3aa9c4 color description : Moderate cyan.
#3aa9c4 Color Conversion
The hexadecimal color #3aa9c4 has RGB values of R:58, G:169, B:196 and CMYK values of C:0.7, M:0.14, Y:0, K:0.23. Its decimal value is 3844548.
Hex triplet | 3aa9c4 | #3aa9c4 |
---|---|---|
RGB Decimal | 58, 169, 196 | rgb(58,169,196) |
RGB Percent | 22.7, 66.3, 76.9 | rgb(22.7%,66.3%,76.9%) |
CMYK | 70, 14, 0, 23 | |
HSL | 191.7°, 54.3, 49.8 | hsl(191.7,54.3%,49.8%) |
HSV (or HSB) | 191.7°, 70.4, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.37, -22.289, -22.88 |
---|---|
XYZ | 25.894, 33.259, 57.276 |
xyY | 0.222, 0.286, 33.259 |
CIE-LCH | 64.37, 31.942, 225.75 |
CIE-LUV | 64.37, -41.132, -32.334 |
Hunter-Lab | 57.67, -20.777, -18.516 |
Binary | 00111010, 10101001, 11000100 |
Color Schemes with #3aa9c4
Alternatives to #3aa9c4
Below, you can see some colors close to #3aa9c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa9c4 Preview
This text has a font color of #3aa9c4.
<span style="color:#3aa9c4;">Text here</span>
This paragraph has a background color of #3aa9c4.
<p style="background-color:#3aa9c4;">Content here</p>
This element has a border color of #3aa9c4.
<div style="border:1px solid #3aa9c4;">Content here</div>
.text {color:#3aa9c4;}
.background {background-color:#3aa9c4;}
.border {border:1px solid #3aa9c4;}
Shades and Tints of #3aa9c4
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, #040c0e is the darkest color, while #feffff is the lightest one.
-
#040c0e
#040c0e
rgb(4,12,14)
-
#09191e
#09191e
rgb(9,25,30)
-
#0d262d
#0d262d
rgb(13,38,45)
-
#12343c
#12343c
rgb(18,52,60)
-
#16414b
#16414b
rgb(22,65,75)
-
#1b4e5a
#1b4e5a
rgb(27,78,90)
-
#1f5b69
#1f5b69
rgb(31,91,105)
-
#246878
#246878
rgb(36,104,120)
-
#287587
#287587
rgb(40,117,135)
-
#2d8297
#2d8297
rgb(45,130,151)
-
#318fa6
#318fa6
rgb(49,143,166)
-
#369cb5
#369cb5
rgb(54,156,181)
-
#3aa9c4
#3aa9c4
rgb(58,169,196)
-
#49b0c9
#49b0c9
rgb(73,176,201)
-
#58b6ce
#58b6ce
rgb(88,182,206)
-
#67bdd2
#67bdd2
rgb(103,189,210)
-
#76c4d6
#76c4d6
rgb(118,196,214)
-
#85cadb
#85cadb
rgb(133,202,219)
-
#94d1df
#94d1df
rgb(148,209,223)
-
#a3d7e4
#a3d7e4
rgb(163,215,228)
-
#b3dee8
#b3dee8
rgb(179,222,232)
-
#c2e4ed
#c2e4ed
rgb(194,228,237)
-
#d1ebf1
#d1ebf1
rgb(209,235,241)
-
#e0f2f6
#e0f2f6
rgb(224,242,246)
-
#eff8fa
#eff8fa
rgb(239,248,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3aa9c4
A tone is produced by adding gray to any pure hue. In this case, #7e7f80 is the less saturated color, while #09c7f5 is the most saturated one.
-
#7e7f80
#7e7f80
rgb(126,127,128)
-
#758589
#758589
rgb(117,133,137)
-
#6b8b93
#6b8b93
rgb(107,139,147)
-
#61919d
#61919d
rgb(97,145,157)
-
#5797a7
#5797a7
rgb(87,151,167)
-
#4e9db0
#4e9db0
rgb(78,157,176)
-
#44a3ba
#44a3ba
rgb(68,163,186)
-
#3aa9c4
#3aa9c4
rgb(58,169,196)
-
#30afce
#30afce
rgb(48,175,206)
-
#26b5d8
#26b5d8
rgb(38,181,216)
-
#1dbbe1
#1dbbe1
rgb(29,187,225)
-
#13c1eb
#13c1eb
rgb(19,193,235)
-
#09c7f5
#09c7f5
rgb(9,199,245)
Color Blindness Simulator
Below, you can see how #3aa9c4 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.