#3caae5 Color Information
In a RGB color space, hex #3caae5 is composed of 23.5% red, 66.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 25.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 200.9 degrees, a saturation of 76.5% and a lightness of 56.7%. #3caae5 color hex could be obtained by blending #78ffff with #0055cb. Closest websafe color is: #3399cc.
-
- R 24
- G 67
- B 90
-
- C 74
- M 26
- Y 0
- K 10
● #3caae5 color description : Bright blue.
#3caae5 Color Conversion
The hexadecimal color #3caae5 has RGB values of R:60, G:170, B:229 and CMYK values of C:0.74, M:0.26, Y:0, K:0.1. Its decimal value is 3975909.
Hex triplet | 3caae5 | #3caae5 |
---|---|---|
RGB Decimal | 60, 170, 229 | rgb(60,170,229) |
RGB Percent | 23.5, 66.7, 89.8 | rgb(23.5%,66.7%,89.8%) |
CMYK | 74, 26, 0, 10 | |
HSL | 200.9°, 76.5, 56.7 | hsl(200.9,76.5%,56.7%) |
HSV (or HSB) | 200.9°, 73.8, 89.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.032, -11.73, -38.546 |
---|---|
XYZ | 30.378, 35.365, 79.35 |
xyY | 0.209, 0.244, 35.365 |
CIE-LCH | 66.032, 40.292, 253.074 |
CIE-LUV | 66.032, -39.266, -60.032 |
Hunter-Lab | 59.468, -12.888, -37.484 |
Binary | 00111100, 10101010, 11100101 |
Color Schemes with #3caae5
Alternatives to #3caae5
Below, you can see some colors close to #3caae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caae5 Preview
This text has a font color of #3caae5.
<span style="color:#3caae5;">Text here</span>
This paragraph has a background color of #3caae5.
<p style="background-color:#3caae5;">Content here</p>
This element has a border color of #3caae5.
<div style="border:1px solid #3caae5;">Content here</div>
.text {color:#3caae5;}
.background {background-color:#3caae5;}
.border {border:1px solid #3caae5;}
Shades and Tints of #3caae5
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, #02090d is the darkest color, while #fafdfe is the lightest one.
-
#02090d
#02090d
rgb(2,9,13)
-
#04151e
#04151e
rgb(4,21,30)
-
#06212f
#06212f
rgb(6,33,47)
-
#092d41
#092d41
rgb(9,45,65)
-
#0b3952
#0b3952
rgb(11,57,82)
-
#0d4563
#0d4563
rgb(13,69,99)
-
#105175
#105175
rgb(16,81,117)
-
#125d86
#125d86
rgb(18,93,134)
-
#146997
#146997
rgb(20,105,151)
-
#1675a8
#1675a8
rgb(22,117,168)
-
#1982ba
#1982ba
rgb(25,130,186)
-
#1b8ecb
#1b8ecb
rgb(27,142,203)
-
#1d9adc
#1d9adc
rgb(29,154,220)
-
#2ba2e3
#2ba2e3
rgb(43,162,227)
-
#3caae5
#3caae5
rgb(60,170,229)
-
#4db2e7
#4db2e7
rgb(77,178,231)
-
#5fb9ea
#5fb9ea
rgb(95,185,234)
-
#70c1ec
#70c1ec
rgb(112,193,236)
-
#81c8ee
#81c8ee
rgb(129,200,238)
-
#93d0f1
#93d0f1
rgb(147,208,241)
-
#a4d7f3
#a4d7f3
rgb(164,215,243)
-
#b5dff5
#b5dff5
rgb(181,223,245)
-
#c6e6f7
#c6e6f7
rgb(198,230,247)
-
#d8eefa
#d8eefa
rgb(216,238,250)
-
#e9f5fc
#e9f5fc
rgb(233,245,252)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #3caae5
A tone is produced by adding gray to any pure hue. In this case, #899399 is the less saturated color, while #23b2ff is the most saturated one.
-
#899399
#899399
rgb(137,147,153)
-
#8095a1
#8095a1
rgb(128,149,161)
-
#7898aa
#7898aa
rgb(120,152,170)
-
#6f9bb2
#6f9bb2
rgb(111,155,178)
-
#679dbb
#679dbb
rgb(103,157,187)
-
#5ea0c3
#5ea0c3
rgb(94,160,195)
-
#56a2cc
#56a2cc
rgb(86,162,204)
-
#4da5d4
#4da5d4
rgb(77,165,212)
-
#45a7dd
#45a7dd
rgb(69,167,221)
-
#3caae5
#3caae5
rgb(60,170,229)
-
#34adee
#34adee
rgb(52,173,238)
-
#2baff6
#2baff6
rgb(43,175,246)
-
#23b2ff
#23b2ff
rgb(35,178,255)
Color Blindness Simulator
Below, you can see how #3caae5 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.