#3aa5e4 Color Information
In a RGB color space, hex #3aa5e4 is composed of 22.7% red, 64.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 27.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 202.2 degrees, a saturation of 75.9% and a lightness of 56.1%. #3aa5e4 color hex could be obtained by blending #74ffff with #004bc9. Closest websafe color is: #3399cc.
-
- R 23
- G 65
- B 89
-
- C 75
- M 28
- Y 0
- K 11
● #3aa5e4 color description : Bright blue.
#3aa5e4 Color Conversion
The hexadecimal color #3aa5e4 has RGB values of R:58, G:165, B:228 and CMYK values of C:0.75, M:0.28, Y:0, K:0.11. Its decimal value is 3843556.
Hex triplet | 3aa5e4 | #3aa5e4 |
---|---|---|
RGB Decimal | 58, 165, 228 | rgb(58,165,228) |
RGB Percent | 22.7, 64.7, 89.4 | rgb(22.7%,64.7%,89.4%) |
CMYK | 75, 28, 0, 11 | |
HSL | 202.2°, 75.9, 56.1 | hsl(202.2,75.9%,56.1%) |
HSV (or HSB) | 202.2°, 74.6, 89.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.491, -9.562, -40.41 |
---|---|
XYZ | 29.2, 33.409, 78.304 |
xyY | 0.207, 0.237, 33.409 |
CIE-LCH | 64.491, 41.525, 256.687 |
CIE-LUV | 64.491, -37.901, -63.228 |
Hunter-Lab | 57.8, -10.974, -39.862 |
Binary | 00111010, 10100101, 11100100 |
Color Schemes with #3aa5e4
Alternatives to #3aa5e4
Below, you can see some colors close to #3aa5e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa5e4 Preview
This text has a font color of #3aa5e4.
<span style="color:#3aa5e4;">Text here</span>
This paragraph has a background color of #3aa5e4.
<p style="background-color:#3aa5e4;">Content here</p>
This element has a border color of #3aa5e4.
<div style="border:1px solid #3aa5e4;">Content here</div>
.text {color:#3aa5e4;}
.background {background-color:#3aa5e4;}
.border {border:1px solid #3aa5e4;}
Shades and Tints of #3aa5e4
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, #01070a is the darkest color, while #f8fcfe is the lightest one.
-
#01070a
#01070a
rgb(1,7,10)
-
#04131b
#04131b
rgb(4,19,27)
-
#061e2d
#061e2d
rgb(6,30,45)
-
#082a3e
#082a3e
rgb(8,42,62)
-
#0b364f
#0b364f
rgb(11,54,79)
-
#0d4160
#0d4160
rgb(13,65,96)
-
#104d72
#104d72
rgb(16,77,114)
-
#125983
#125983
rgb(18,89,131)
-
#146594
#146594
rgb(20,101,148)
-
#1770a5
#1770a5
rgb(23,112,165)
-
#197cb7
#197cb7
rgb(25,124,183)
-
#1b88c8
#1b88c8
rgb(27,136,200)
-
#1e94d9
#1e94d9
rgb(30,148,217)
-
#299de2
#299de2
rgb(41,157,226)
-
#3aa5e4
#3aa5e4
rgb(58,165,228)
-
#4bade6
#4bade6
rgb(75,173,230)
-
#5db5e9
#5db5e9
rgb(93,181,233)
-
#6ebdeb
#6ebdeb
rgb(110,189,235)
-
#7fc5ed
#7fc5ed
rgb(127,197,237)
-
#90ccf0
#90ccf0
rgb(144,204,240)
-
#a2d4f2
#a2d4f2
rgb(162,212,242)
-
#b3dcf5
#b3dcf5
rgb(179,220,245)
-
#c4e4f7
#c4e4f7
rgb(196,228,247)
-
#d5ecf9
#d5ecf9
rgb(213,236,249)
-
#e7f4fc
#e7f4fc
rgb(231,244,252)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #3aa5e4
A tone is produced by adding gray to any pure hue. In this case, #889196 is the less saturated color, while #20acfe is the most saturated one.
-
#889196
#889196
rgb(136,145,150)
-
#7f939f
#7f939f
rgb(127,147,159)
-
#7695a8
#7695a8
rgb(118,149,168)
-
#6e98b0
#6e98b0
rgb(110,152,176)
-
#659ab9
#659ab9
rgb(101,154,185)
-
#5c9cc2
#5c9cc2
rgb(92,156,194)
-
#549eca
#549eca
rgb(84,158,202)
-
#4ba1d3
#4ba1d3
rgb(75,161,211)
-
#43a3db
#43a3db
rgb(67,163,219)
-
#3aa5e4
#3aa5e4
rgb(58,165,228)
-
#31a7ed
#31a7ed
rgb(49,167,237)
-
#29a9f5
#29a9f5
rgb(41,169,245)
-
#20acfe
#20acfe
rgb(32,172,254)
Color Blindness Simulator
Below, you can see how #3aa5e4 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.