#4ca5ec Color Information
In a RGB color space, hex #4ca5ec is composed of 29.8% red, 64.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 30.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.6 degrees, a saturation of 80.8% and a lightness of 61.2%. #4ca5ec color hex could be obtained by blending #98ffff with #004bd9. Closest websafe color is: #3399ff.
-
- R 30
- G 65
- B 93
-
- C 68
- M 30
- Y 0
- K 7
● #4ca5ec color description : Soft blue.
#4ca5ec Color Conversion
The hexadecimal color #4ca5ec has RGB values of R:76, G:165, B:236 and CMYK values of C:0.68, M:0.3, Y:0, K:0.07. Its decimal value is 5023212.
Hex triplet | 4ca5ec | #4ca5ec |
---|---|---|
RGB Decimal | 76, 165, 236 | rgb(76,165,236) |
RGB Percent | 29.8, 64.7, 92.5 | rgb(29.8%,64.7%,92.5%) |
CMYK | 68, 30, 0, 7 | |
HSL | 206.6°, 80.8, 61.2 | hsl(206.6,80.8%,61.2%) |
HSV (or HSB) | 206.6°, 67.8, 92.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.358, -4.402, -43.41 |
---|---|
XYZ | 31.572, 34.501, 84.348 |
xyY | 0.21, 0.229, 34.501 |
CIE-LCH | 65.358, 43.633, 264.21 |
CIE-LUV | 65.358, -34.323, -69.02 |
Hunter-Lab | 58.737, -6.843, -44.026 |
Binary | 01001100, 10100101, 11101100 |
Color Schemes with #4ca5ec
Alternatives to #4ca5ec
Below, you can see some colors close to #4ca5ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ca5ec Preview
This text has a font color of #4ca5ec.
<span style="color:#4ca5ec;">Text here</span>
This paragraph has a background color of #4ca5ec.
<p style="background-color:#4ca5ec;">Content here</p>
This element has a border color of #4ca5ec.
<div style="border:1px solid #4ca5ec;">Content here</div>
.text {color:#4ca5ec;}
.background {background-color:#4ca5ec;}
.border {border:1px solid #4ca5ec;}
Shades and Tints of #4ca5ec
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, #020a10 is the darkest color, while #fdfeff is the lightest one.
-
#020a10
#020a10
rgb(2,10,16)
-
#041422
#041422
rgb(4,20,34)
-
#051f34
#051f34
rgb(5,31,52)
-
#072a45
#072a45
rgb(7,42,69)
-
#093457
#093457
rgb(9,52,87)
-
#0b3f69
#0b3f69
rgb(11,63,105)
-
#0d4a7a
#0d4a7a
rgb(13,74,122)
-
#0f558c
#0f558c
rgb(15,85,140)
-
#115f9e
#115f9e
rgb(17,95,158)
-
#136ab0
#136ab0
rgb(19,106,176)
-
#1575c1
#1575c1
rgb(21,117,193)
-
#167fd3
#167fd3
rgb(22,127,211)
-
#188ae5
#188ae5
rgb(24,138,229)
-
#2993e8
#2993e8
rgb(41,147,232)
-
#3a9cea
#3a9cea
rgb(58,156,234)
-
#4ca5ec
#4ca5ec
rgb(76,165,236)
-
#5eaeee
#5eaeee
rgb(94,174,238)
-
#6fb7f0
#6fb7f0
rgb(111,183,240)
-
#81c0f2
#81c0f2
rgb(129,192,242)
-
#93c9f4
#93c9f4
rgb(147,201,244)
-
#a5d2f5
#a5d2f5
rgb(165,210,245)
-
#b6daf7
#b6daf7
rgb(182,218,247)
-
#c8e3f9
#c8e3f9
rgb(200,227,249)
-
#daecfb
#daecfb
rgb(218,236,251)
-
#ecf5fd
#ecf5fd
rgb(236,245,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #4ca5ec
A tone is produced by adding gray to any pure hue. In this case, #989ca0 is the less saturated color, while #3da7fb is the most saturated one.
-
#989ca0
#989ca0
rgb(152,156,160)
-
#919da7
#919da7
rgb(145,157,167)
-
#899eaf
#899eaf
rgb(137,158,175)
-
#819fb7
#819fb7
rgb(129,159,183)
-
#7aa0be
#7aa0be
rgb(122,160,190)
-
#72a1c6
#72a1c6
rgb(114,161,198)
-
#6aa2ce
#6aa2ce
rgb(106,162,206)
-
#63a2d5
#63a2d5
rgb(99,162,213)
-
#5ba3dd
#5ba3dd
rgb(91,163,221)
-
#54a4e4
#54a4e4
rgb(84,164,228)
-
#4ca5ec
#4ca5ec
rgb(76,165,236)
-
#44a6f4
#44a6f4
rgb(68,166,244)
-
#3da7fb
#3da7fb
rgb(61,167,251)
Color Blindness Simulator
Below, you can see how #4ca5ec 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.