#3aa3c4 Color Information
In a RGB color space, hex #3aa3c4 is composed of 22.7% red, 63.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 16.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 194.3 degrees, a saturation of 54.3% and a lightness of 49.8%. #3aa3c4 color hex could be obtained by blending #74ffff with #004789. Closest websafe color is: #3399cc.
-
- R 23
- G 64
- B 77
-
- C 70
- M 17
- Y 0
- K 23
● #3aa3c4 color description : Moderate cyan.
#3aa3c4 Color Conversion
The hexadecimal color #3aa3c4 has RGB values of R:58, G:163, B:196 and CMYK values of C:0.7, M:0.17, Y:0, K:0.23. Its decimal value is 3843012.
Hex triplet | 3aa3c4 | #3aa3c4 |
---|---|---|
RGB Decimal | 58, 163, 196 | rgb(58,163,196) |
RGB Percent | 22.7, 63.9, 76.9 | rgb(22.7%,63.9%,76.9%) |
CMYK | 70, 17, 0, 23 | |
HSL | 194.3°, 54.3, 49.8 | hsl(194.3,54.3%,49.8%) |
HSV (or HSB) | 194.3°, 70.4, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.573, -19.16, -25.636 |
---|---|
XYZ | 24.803, 31.077, 56.913 |
xyY | 0.22, 0.276, 31.077 |
CIE-LCH | 62.573, 32.005, 233.227 |
CIE-LUV | 62.573, -38.967, -37.129 |
Hunter-Lab | 55.747, -18.138, -21.507 |
Binary | 00111010, 10100011, 11000100 |
Color Schemes with #3aa3c4
Alternatives to #3aa3c4
Below, you can see some colors close to #3aa3c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa3c4 Preview
This text has a font color of #3aa3c4.
<span style="color:#3aa3c4;">Text here</span>
This paragraph has a background color of #3aa3c4.
<p style="background-color:#3aa3c4;">Content here</p>
This element has a border color of #3aa3c4.
<div style="border:1px solid #3aa3c4;">Content here</div>
.text {color:#3aa3c4;}
.background {background-color:#3aa3c4;}
.border {border:1px solid #3aa3c4;}
Shades and Tints of #3aa3c4
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)
-
#0d252d
#0d252d
rgb(13,37,45)
-
#12323c
#12323c
rgb(18,50,60)
-
#163e4b
#163e4b
rgb(22,62,75)
-
#1b4b5a
#1b4b5a
rgb(27,75,90)
-
#1f5769
#1f5769
rgb(31,87,105)
-
#246478
#246478
rgb(36,100,120)
-
#287187
#287187
rgb(40,113,135)
-
#2d7d97
#2d7d97
rgb(45,125,151)
-
#318aa6
#318aa6
rgb(49,138,166)
-
#3696b5
#3696b5
rgb(54,150,181)
-
#3aa3c4
#3aa3c4
rgb(58,163,196)
-
#49aac9
#49aac9
rgb(73,170,201)
-
#58b1ce
#58b1ce
rgb(88,177,206)
-
#67b8d2
#67b8d2
rgb(103,184,210)
-
#76bfd6
#76bfd6
rgb(118,191,214)
-
#85c6db
#85c6db
rgb(133,198,219)
-
#94cddf
#94cddf
rgb(148,205,223)
-
#a3d4e4
#a3d4e4
rgb(163,212,228)
-
#b3dce8
#b3dce8
rgb(179,220,232)
-
#c2e3ed
#c2e3ed
rgb(194,227,237)
-
#d1eaf1
#d1eaf1
rgb(209,234,241)
-
#e0f1f6
#e0f1f6
rgb(224,241,246)
-
#eff8fa
#eff8fa
rgb(239,248,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3aa3c4
A tone is produced by adding gray to any pure hue. In this case, #7e7f80 is the less saturated color, while #09bcf5 is the most saturated one.
-
#7e7f80
#7e7f80
rgb(126,127,128)
-
#758489
#758489
rgb(117,132,137)
-
#6b8a93
#6b8a93
rgb(107,138,147)
-
#618f9d
#618f9d
rgb(97,143,157)
-
#5794a7
#5794a7
rgb(87,148,167)
-
#4e99b0
#4e99b0
rgb(78,153,176)
-
#449eba
#449eba
rgb(68,158,186)
-
#3aa3c4
#3aa3c4
rgb(58,163,196)
-
#30a8ce
#30a8ce
rgb(48,168,206)
-
#26add8
#26add8
rgb(38,173,216)
-
#1db2e1
#1db2e1
rgb(29,178,225)
-
#13b7eb
#13b7eb
rgb(19,183,235)
-
#09bcf5
#09bcf5
rgb(9,188,245)
Color Blindness Simulator
Below, you can see how #3aa3c4 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.