#3aabd9 Color Information
In a RGB color space, hex #3aabd9 is composed of 22.7% red, 67.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 21.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 197.4 degrees, a saturation of 67.7% and a lightness of 53.9%. #3aabd9 color hex could be obtained by blending #74ffff with #0057b3. Closest websafe color is: #3399cc.
-
- R 23
- G 67
- B 85
-
- C 73
- M 21
- Y 0
- K 15
● #3aabd9 color description : Bright blue.
#3aabd9 Color Conversion
The hexadecimal color #3aabd9 has RGB values of R:58, G:171, B:217 and CMYK values of C:0.73, M:0.21, Y:0, K:0.15. Its decimal value is 3845081.
Hex triplet | 3aabd9 | #3aabd9 |
---|---|---|
RGB Decimal | 58, 171, 217 | rgb(58,171,217) |
RGB Percent | 22.7, 67.1, 85.1 | rgb(22.7%,67.1%,85.1%) |
CMYK | 73, 21, 0, 15 | |
HSL | 197.4°, 67.7, 53.9 | hsl(197.4,67.7%,53.9%) |
HSV (or HSB) | 197.4°, 73.3, 85.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.774, -16.53, -32.348 |
---|---|
XYZ | 28.829, 35.033, 70.884 |
xyY | 0.214, 0.26, 35.033 |
CIE-LCH | 65.774, 36.327, 242.932 |
CIE-LUV | 65.774, -40.605, -48.95 |
Hunter-Lab | 59.188, -16.637, -29.574 |
Binary | 00111010, 10101011, 11011001 |
Color Schemes with #3aabd9
Alternatives to #3aabd9
Below, you can see some colors close to #3aabd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aabd9 Preview
This text has a font color of #3aabd9.
<span style="color:#3aabd9;">Text here</span>
This paragraph has a background color of #3aabd9.
<p style="background-color:#3aabd9;">Content here</p>
This element has a border color of #3aabd9.
<div style="border:1px solid #3aabd9;">Content here</div>
.text {color:#3aabd9;}
.background {background-color:#3aabd9;}
.border {border:1px solid #3aabd9;}
Shades and Tints of #3aabd9
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, #000000 is the darkest color, while #eff8fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030d11
#030d11
rgb(3,13,17)
-
#061921
#061921
rgb(6,25,33)
-
#0a2632
#0a2632
rgb(10,38,50)
-
#0d3342
#0d3342
rgb(13,51,66)
-
#103f53
#103f53
rgb(16,63,83)
-
#134c63
#134c63
rgb(19,76,99)
-
#165873
#165873
rgb(22,88,115)
-
#196584
#196584
rgb(25,101,132)
-
#1d7294
#1d7294
rgb(29,114,148)
-
#207ea5
#207ea5
rgb(32,126,165)
-
#238bb5
#238bb5
rgb(35,139,181)
-
#2697c6
#2697c6
rgb(38,151,198)
-
#2aa4d6
#2aa4d6
rgb(42,164,214)
-
#3aabd9
#3aabd9
rgb(58,171,217)
-
#4ab2dc
#4ab2dc
rgb(74,178,220)
-
#5bb9df
#5bb9df
rgb(91,185,223)
-
#6bc0e3
#6bc0e3
rgb(107,192,227)
-
#7cc7e6
#7cc7e6
rgb(124,199,230)
-
#8ccee9
#8ccee9
rgb(140,206,233)
-
#9dd5ec
#9dd5ec
rgb(157,213,236)
-
#addcef
#addcef
rgb(173,220,239)
-
#bee3f2
#bee3f2
rgb(190,227,242)
-
#ceeaf6
#ceeaf6
rgb(206,234,246)
-
#def1f9
#def1f9
rgb(222,241,249)
-
#eff8fc
#eff8fc
rgb(239,248,252)
Tones of #3aabd9
A tone is produced by adding gray to any pure hue. In this case, #828d91 is the less saturated color, while #16bafd is the most saturated one.
-
#828d91
#828d91
rgb(130,141,145)
-
#79909a
#79909a
rgb(121,144,154)
-
#7094a3
#7094a3
rgb(112,148,163)
-
#6798ac
#6798ac
rgb(103,152,172)
-
#5e9cb5
#5e9cb5
rgb(94,156,181)
-
#55a0be
#55a0be
rgb(85,160,190)
-
#4ca3c7
#4ca3c7
rgb(76,163,199)
-
#43a7d0
#43a7d0
rgb(67,167,208)
-
#3aabd9
#3aabd9
rgb(58,171,217)
-
#31afe2
#31afe2
rgb(49,175,226)
-
#28b3eb
#28b3eb
rgb(40,179,235)
-
#1fb6f4
#1fb6f4
rgb(31,182,244)
-
#16bafd
#16bafd
rgb(22,186,253)
Color Blindness Simulator
Below, you can see how #3aabd9 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.