#4caadd Color Information
In a RGB color space, hex #4caadd is composed of 29.8% red, 66.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 23.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 201.1 degrees, a saturation of 68.1% and a lightness of 58.2%. #4caadd color hex could be obtained by blending #98ffff with #0055bb. Closest websafe color is: #3399cc.
-
- R 30
- G 67
- B 87
-
- C 66
- M 23
- Y 0
- K 13
● #4caadd color description : Soft blue.
#4caadd Color Conversion
The hexadecimal color #4caadd has RGB values of R:76, G:170, B:221 and CMYK values of C:0.66, M:0.23, Y:0, K:0.13. Its decimal value is 5024477.
Hex triplet | 4caadd | #4caadd |
---|---|---|
RGB Decimal | 76, 170, 221 | rgb(76,170,221) |
RGB Percent | 29.8, 66.7, 86.7 | rgb(29.8%,66.7%,86.7%) |
CMYK | 66, 23, 0, 13 | |
HSL | 201.1°, 68.1, 58.2 | hsl(201.1,68.1%,58.2%) |
HSV (or HSB) | 201.1°, 65.6, 86.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.139, -12.098, -33.947 |
---|---|
XYZ | 30.403, 35.504, 73.653 |
xyY | 0.218, 0.254, 35.504 |
CIE-LCH | 66.139, 36.038, 250.385 |
CIE-LUV | 66.139, -36.72, -52.212 |
Hunter-Lab | 59.585, -13.196, -31.579 |
Binary | 01001100, 10101010, 11011101 |
Color Schemes with #4caadd
Alternatives to #4caadd
Below, you can see some colors close to #4caadd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4caadd Preview
This text has a font color of #4caadd.
<span style="color:#4caadd;">Text here</span>
This paragraph has a background color of #4caadd.
<p style="background-color:#4caadd;">Content here</p>
This element has a border color of #4caadd.
<div style="border:1px solid #4caadd;">Content here</div>
.text {color:#4caadd;}
.background {background-color:#4caadd;}
.border {border:1px solid #4caadd;}
Shades and Tints of #4caadd
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, #000202 is the darkest color, while #f1f8fc is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#040d13
#040d13
rgb(4,13,19)
-
#071923
#071923
rgb(7,25,35)
-
#0a2534
#0a2534
rgb(10,37,52)
-
#0d3144
#0d3144
rgb(13,49,68)
-
#103d55
#103d55
rgb(16,61,85)
-
#134865
#134865
rgb(19,72,101)
-
#165476
#165476
rgb(22,84,118)
-
#196086
#196086
rgb(25,96,134)
-
#1d6c97
#1d6c97
rgb(29,108,151)
-
#2078a7
#2078a7
rgb(32,120,167)
-
#2383b8
#2383b8
rgb(35,131,184)
-
#268fc8
#268fc8
rgb(38,143,200)
-
#2b9ad7
#2b9ad7
rgb(43,154,215)
-
#3ca2da
#3ca2da
rgb(60,162,218)
-
#4caadd
#4caadd
rgb(76,170,221)
-
#5cb2e0
#5cb2e0
rgb(92,178,224)
-
#6dbae3
#6dbae3
rgb(109,186,227)
-
#7dc1e6
#7dc1e6
rgb(125,193,230)
-
#8ec9ea
#8ec9ea
rgb(142,201,234)
-
#9ed1ed
#9ed1ed
rgb(158,209,237)
-
#afd9f0
#afd9f0
rgb(175,217,240)
-
#bfe1f3
#bfe1f3
rgb(191,225,243)
-
#d0e9f6
#d0e9f6
rgb(208,233,246)
-
#e0f0f9
#e0f0f9
rgb(224,240,249)
-
#f1f8fc
#f1f8fc
rgb(241,248,252)
Tones of #4caadd
A tone is produced by adding gray to any pure hue. In this case, #8e979b is the less saturated color, while #2bb4fe is the most saturated one.
-
#8e979b
#8e979b
rgb(142,151,155)
-
#8599a4
#8599a4
rgb(133,153,164)
-
#7d9bac
#7d9bac
rgb(125,155,172)
-
#759eb4
#759eb4
rgb(117,158,180)
-
#6da0bc
#6da0bc
rgb(109,160,188)
-
#65a3c4
#65a3c4
rgb(101,163,196)
-
#5ca5cd
#5ca5cd
rgb(92,165,205)
-
#54a8d5
#54a8d5
rgb(84,168,213)
-
#4caadd
#4caadd
rgb(76,170,221)
-
#44ace5
#44ace5
rgb(68,172,229)
-
#3cafed
#3cafed
rgb(60,175,237)
-
#33b1f6
#33b1f6
rgb(51,177,246)
-
#2bb4fe
#2bb4fe
rgb(43,180,254)
Color Blindness Simulator
Below, you can see how #4caadd 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.