#3aafd1 Color Information
In a RGB color space, hex #3aafd1 is composed of 22.7% red, 68.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 16.3% magenta, 0% yellow and 18% black. It has a hue angle of 193.5 degrees, a saturation of 62.1% and a lightness of 52.4%. #3aafd1 color hex could be obtained by blending #74ffff with #005fa3. Closest websafe color is: #3399cc.
-
- R 23
- G 69
- B 82
-
- C 72
- M 16
- Y 0
- K 18
● #3aafd1 color description : Moderate cyan.
#3aafd1 Color Conversion
The hexadecimal color #3aafd1 has RGB values of R:58, G:175, B:209 and CMYK values of C:0.72, M:0.16, Y:0, K:0.18. Its decimal value is 3846097.
Hex triplet | 3aafd1 | #3aafd1 |
---|---|---|
RGB Decimal | 58, 175, 209 | rgb(58,175,209) |
RGB Percent | 22.7, 68.6, 82 | rgb(22.7%,68.6%,82%) |
CMYK | 72, 16, 0, 18 | |
HSL | 193.5°, 62.1, 52.4 | hsl(193.5,62.1%,52.4%) |
HSV (or HSB) | 193.5°, 72.2, 82 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.642, -21.241, -26.596 |
---|---|
XYZ | 28.58, 36.16, 65.792 |
xyY | 0.219, 0.277, 36.16 |
CIE-LCH | 66.642, 34.037, 231.387 |
CIE-LUV | 66.642, -42.498, -38.796 |
Hunter-Lab | 60.134, -20.396, -22.775 |
Binary | 00111010, 10101111, 11010001 |
Color Schemes with #3aafd1
Alternatives to #3aafd1
Below, you can see some colors close to #3aafd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aafd1 Preview
This text has a font color of #3aafd1.
<span style="color:#3aafd1;">Text here</span>
This paragraph has a background color of #3aafd1.
<p style="background-color:#3aafd1;">Content here</p>
This element has a border color of #3aafd1.
<div style="border:1px solid #3aafd1;">Content here</div>
.text {color:#3aafd1;}
.background {background-color:#3aafd1;}
.border {border:1px solid #3aafd1;}
Shades and Tints of #3aafd1
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, #02080a is the darkest color, while #f9fcfe is the lightest one.
-
#02080a
#02080a
rgb(2,8,10)
-
#06151a
#06151a
rgb(6,21,26)
-
#0a222a
#0a222a
rgb(10,34,42)
-
#0d3039
#0d3039
rgb(13,48,57)
-
#113d49
#113d49
rgb(17,61,73)
-
#154a59
#154a59
rgb(21,74,89)
-
#195769
#195769
rgb(25,87,105)
-
#1c6479
#1c6479
rgb(28,100,121)
-
#207189
#207189
rgb(32,113,137)
-
#247e99
#247e99
rgb(36,126,153)
-
#278ca9
#278ca9
rgb(39,140,169)
-
#2b99b9
#2b99b9
rgb(43,153,185)
-
#2fa6c9
#2fa6c9
rgb(47,166,201)
-
#3aafd1
#3aafd1
rgb(58,175,209)
-
#4ab5d5
#4ab5d5
rgb(74,181,213)
-
#5abcd8
#5abcd8
rgb(90,188,216)
-
#6ac2dc
#6ac2dc
rgb(106,194,220)
-
#7ac9e0
#7ac9e0
rgb(122,201,224)
-
#8acfe4
#8acfe4
rgb(138,207,228)
-
#99d6e7
#99d6e7
rgb(153,214,231)
-
#a9dceb
#a9dceb
rgb(169,220,235)
-
#b9e3ef
#b9e3ef
rgb(185,227,239)
-
#c9e9f2
#c9e9f2
rgb(201,233,242)
-
#d9f0f6
#d9f0f6
rgb(217,240,246)
-
#e9f6fa
#e9f6fa
rgb(233,246,250)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #3aafd1
A tone is produced by adding gray to any pure hue. In this case, #858686 is the less saturated color, while #15c4f6 is the most saturated one.
-
#858686
#858686
rgb(133,134,134)
-
#7b8b90
#7b8b90
rgb(123,139,144)
-
#729099
#729099
rgb(114,144,153)
-
#6995a2
#6995a2
rgb(105,149,162)
-
#5f9aac
#5f9aac
rgb(95,154,172)
-
#56a0b5
#56a0b5
rgb(86,160,181)
-
#4da5be
#4da5be
rgb(77,165,190)
-
#43aac8
#43aac8
rgb(67,170,200)
-
#3aafd1
#3aafd1
rgb(58,175,209)
-
#31b4da
#31b4da
rgb(49,180,218)
-
#27b9e4
#27b9e4
rgb(39,185,228)
-
#1ebeed
#1ebeed
rgb(30,190,237)
-
#15c4f6
#15c4f6
rgb(21,196,246)
Color Blindness Simulator
Below, you can see how #3aafd1 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.