#3aa8e0 Color Information
In a RGB color space, hex #3aa8e0 is composed of 22.7% red, 65.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 25% magenta, 0% yellow and 12.2% black. It has a hue angle of 200.2 degrees, a saturation of 72.8% and a lightness of 55.3%. #3aa8e0 color hex could be obtained by blending #74ffff with #0051c1. Closest websafe color is: #3399cc.
-
- R 23
- G 66
- B 88
-
- C 74
- M 25
- Y 0
- K 12
● #3aa8e0 color description : Bright blue.
#3aa8e0 Color Conversion
The hexadecimal color #3aa8e0 has RGB values of R:58, G:168, B:224 and CMYK values of C:0.74, M:0.25, Y:0, K:0.12. Its decimal value is 3844320.
Hex triplet | 3aa8e0 | #3aa8e0 |
---|---|---|
RGB Decimal | 58, 168, 224 | rgb(58,168,224) |
RGB Percent | 22.7, 65.9, 87.8 | rgb(22.7%,65.9%,87.8%) |
CMYK | 74, 25, 0, 12 | |
HSL | 200.2°, 72.8, 55.3 | hsl(200.2,72.8%,55.3%) |
HSV (or HSB) | 200.2°, 74.1, 87.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.187, -12.572, -37.118 |
---|---|
XYZ | 29.199, 34.284, 75.596 |
xyY | 0.21, 0.247, 34.284 |
CIE-LCH | 65.187, 39.189, 251.288 |
CIE-LUV | 65.187, -39.158, -57.407 |
Hunter-Lab | 58.553, -13.454, -35.561 |
Binary | 00111010, 10101000, 11100000 |
Color Schemes with #3aa8e0
Alternatives to #3aa8e0
Below, you can see some colors close to #3aa8e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aa8e0 Preview
This text has a font color of #3aa8e0.
<span style="color:#3aa8e0;">Text here</span>
This paragraph has a background color of #3aa8e0.
<p style="background-color:#3aa8e0;">Content here</p>
This element has a border color of #3aa8e0.
<div style="border:1px solid #3aa8e0;">Content here</div>
.text {color:#3aa8e0;}
.background {background-color:#3aa8e0;}
.border {border:1px solid #3aa8e0;}
Shades and Tints of #3aa8e0
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, #010506 is the darkest color, while #f4fafd is the lightest one.
-
#010506
#010506
rgb(1,5,6)
-
#041117
#041117
rgb(4,17,23)
-
#061d28
#061d28
rgb(6,29,40)
-
#092939
#092939
rgb(9,41,57)
-
#0c354a
#0c354a
rgb(12,53,74)
-
#0e415b
#0e415b
rgb(14,65,91)
-
#114d6c
#114d6c
rgb(17,77,108)
-
#14597d
#14597d
rgb(20,89,125)
-
#16668e
#16668e
rgb(22,102,142)
-
#19729f
#19729f
rgb(25,114,159)
-
#1c7eb0
#1c7eb0
rgb(28,126,176)
-
#1e8ac1
#1e8ac1
rgb(30,138,193)
-
#2196d2
#2196d2
rgb(33,150,210)
-
#29a1dd
#29a1dd
rgb(41,161,221)
-
#3aa8e0
#3aa8e0
rgb(58,168,224)
-
#4bafe3
#4bafe3
rgb(75,175,227)
-
#5cb7e5
#5cb7e5
rgb(92,183,229)
-
#6dbee8
#6dbee8
rgb(109,190,232)
-
#7ec6eb
#7ec6eb
rgb(126,198,235)
-
#8fcded
#8fcded
rgb(143,205,237)
-
#a0d5f0
#a0d5f0
rgb(160,213,240)
-
#b1dcf3
#b1dcf3
rgb(177,220,243)
-
#c2e4f5
#c2e4f5
rgb(194,228,245)
-
#d3ebf8
#d3ebf8
rgb(211,235,248)
-
#e3f3fb
#e3f3fb
rgb(227,243,251)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #3aa8e0
A tone is produced by adding gray to any pure hue. In this case, #898e91 is the less saturated color, while #20b1fa is the most saturated one.
-
#898e91
#898e91
rgb(137,142,145)
-
#80919a
#80919a
rgb(128,145,154)
-
#7794a3
#7794a3
rgb(119,148,163)
-
#6f97ab
#6f97ab
rgb(111,151,171)
-
#669ab4
#669ab4
rgb(102,154,180)
-
#5d9dbd
#5d9dbd
rgb(93,157,189)
-
#549fc6
#549fc6
rgb(84,159,198)
-
#4ca2ce
#4ca2ce
rgb(76,162,206)
-
#43a5d7
#43a5d7
rgb(67,165,215)
-
#3aa8e0
#3aa8e0
rgb(58,168,224)
-
#31abe9
#31abe9
rgb(49,171,233)
-
#28aef2
#28aef2
rgb(40,174,242)
-
#20b1fa
#20b1fa
rgb(32,177,250)
Color Blindness Simulator
Below, you can see how #3aa8e0 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.