#3caad4 Color Information
In a RGB color space, hex #3caad4 is composed of 23.5% red, 66.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 19.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 196.6 degrees, a saturation of 63.9% and a lightness of 53.3%. #3caad4 color hex could be obtained by blending #78ffff with #0055a9. Closest websafe color is: #3399cc.
-
- R 24
- G 67
- B 83
-
- C 72
- M 20
- Y 0
- K 17
● #3caad4 color description : Moderate blue.
#3caad4 Color Conversion
The hexadecimal color #3caad4 has RGB values of R:60, G:170, B:212 and CMYK values of C:0.72, M:0.2, Y:0, K:0.17. Its decimal value is 3975892.
Hex triplet | 3caad4 | #3caad4 |
---|---|---|
RGB Decimal | 60, 170, 212 | rgb(60,170,212) |
RGB Percent | 23.5, 66.7, 83.1 | rgb(23.5%,66.7%,83.1%) |
CMYK | 72, 20, 0, 17 | |
HSL | 196.6°, 63.9, 53.3 | hsl(196.6,63.9%,53.3%) |
HSV (or HSB) | 196.6°, 71.7, 83.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.327, -17.385, -30.276 |
---|---|
XYZ | 28.119, 34.461, 67.453 |
xyY | 0.216, 0.265, 34.461 |
CIE-LCH | 65.327, 34.912, 240.135 |
CIE-LUV | 65.327, -40.213, -45.318 |
Hunter-Lab | 58.704, -17.231, -27.035 |
Binary | 00111100, 10101010, 11010100 |
Color Schemes with #3caad4
Alternatives to #3caad4
Below, you can see some colors close to #3caad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caad4 Preview
This text has a font color of #3caad4.
<span style="color:#3caad4;">Text here</span>
This paragraph has a background color of #3caad4.
<p style="background-color:#3caad4;">Content here</p>
This element has a border color of #3caad4.
<div style="border:1px solid #3caad4;">Content here</div>
.text {color:#3caad4;}
.background {background-color:#3caad4;}
.border {border:1px solid #3caad4;}
Shades and Tints of #3caad4
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, #030b0e is the darkest color, while #fdfeff is the lightest one.
-
#030b0e
#030b0e
rgb(3,11,14)
-
#07181e
#07181e
rgb(7,24,30)
-
#0a242e
#0a242e
rgb(10,36,46)
-
#0e313e
#0e313e
rgb(14,49,62)
-
#113d4e
#113d4e
rgb(17,61,78)
-
#154a5e
#154a5e
rgb(21,74,94)
-
#18576e
#18576e
rgb(24,87,110)
-
#1c637e
#1c637e
rgb(28,99,126)
-
#1f708f
#1f708f
rgb(31,112,143)
-
#237c9f
#237c9f
rgb(35,124,159)
-
#2789af
#2789af
rgb(39,137,175)
-
#2a96bf
#2a96bf
rgb(42,150,191)
-
#2ea2cf
#2ea2cf
rgb(46,162,207)
-
#3caad4
#3caad4
rgb(60,170,212)
-
#4cb1d8
#4cb1d8
rgb(76,177,216)
-
#5cb8db
#5cb8db
rgb(92,184,219)
-
#6cbfdf
#6cbfdf
rgb(108,191,223)
-
#7cc6e2
#7cc6e2
rgb(124,198,226)
-
#8ccde6
#8ccde6
rgb(140,205,230)
-
#9cd4e9
#9cd4e9
rgb(156,212,233)
-
#addbed
#addbed
rgb(173,219,237)
-
#bde2f0
#bde2f0
rgb(189,226,240)
-
#cde9f4
#cde9f4
rgb(205,233,244)
-
#ddf0f7
#ddf0f7
rgb(221,240,247)
-
#edf7fb
#edf7fb
rgb(237,247,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3caad4
A tone is produced by adding gray to any pure hue. In this case, #85898b is the less saturated color, while #17baf9 is the most saturated one.
-
#85898b
#85898b
rgb(133,137,139)
-
#7c8d94
#7c8d94
rgb(124,141,148)
-
#73919d
#73919d
rgb(115,145,157)
-
#6a96a6
#6a96a6
rgb(106,150,166)
-
#619aaf
#619aaf
rgb(97,154,175)
-
#579eb9
#579eb9
rgb(87,158,185)
-
#4ea2c2
#4ea2c2
rgb(78,162,194)
-
#45a6cb
#45a6cb
rgb(69,166,203)
-
#3caad4
#3caad4
rgb(60,170,212)
-
#33aedd
#33aedd
rgb(51,174,221)
-
#2ab2e6
#2ab2e6
rgb(42,178,230)
-
#21b6ef
#21b6ef
rgb(33,182,239)
-
#17baf9
#17baf9
rgb(23,186,249)
Color Blindness Simulator
Below, you can see how #3caad4 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.