#4ca5f1 Color Information
In a RGB color space, hex #4ca5f1 is composed of 29.8% red, 64.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 31.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 207.6 degrees, a saturation of 85.5% and a lightness of 62.2%. #4ca5f1 color hex could be obtained by blending #98ffff with #004be3. Closest websafe color is: #3399ff.
-
- R 30
- G 65
- B 95
-
- C 68
- M 32
- Y 0
- K 5
● #4ca5f1 color description : Soft blue.
#4ca5f1 Color Conversion
The hexadecimal color #4ca5f1 has RGB values of R:76, G:165, B:241 and CMYK values of C:0.68, M:0.32, Y:0, K:0.05. Its decimal value is 5023217.
Hex triplet | 4ca5f1 | #4ca5f1 |
---|---|---|
RGB Decimal | 76, 165, 241 | rgb(76,165,241) |
RGB Percent | 29.8, 64.7, 94.5 | rgb(29.8%,64.7%,94.5%) |
CMYK | 68, 32, 0, 5 | |
HSL | 207.6°, 85.5, 62.2 | hsl(207.6,85.5%,62.2%) |
HSV (or HSB) | 207.6°, 68.5, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.589, -2.725, -45.786 |
---|---|
XYZ | 32.309, 34.795, 88.228 |
xyY | 0.208, 0.224, 34.795 |
CIE-LCH | 65.589, 45.867, 266.594 |
CIE-LUV | 65.589, -34.129, -73.272 |
Hunter-Lab | 58.987, -5.459, -47.389 |
Binary | 01001100, 10100101, 11110001 |
Color Schemes with #4ca5f1
Alternatives to #4ca5f1
Below, you can see some colors close to #4ca5f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ca5f1 Preview
This text has a font color of #4ca5f1.
<span style="color:#4ca5f1;">Text here</span>
This paragraph has a background color of #4ca5f1.
<p style="background-color:#4ca5f1;">Content here</p>
This element has a border color of #4ca5f1.
<div style="border:1px solid #4ca5f1;">Content here</div>
.text {color:#4ca5f1;}
.background {background-color:#4ca5f1;}
.border {border:1px solid #4ca5f1;}
Shades and Tints of #4ca5f1
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, #000203 is the darkest color, while #f0f7fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#020c15
#020c15
rgb(2,12,21)
-
#031727
#031727
rgb(3,23,39)
-
#04213a
#04213a
rgb(4,33,58)
-
#062c4c
#062c4c
rgb(6,44,76)
-
#07365e
#07365e
rgb(7,54,94)
-
#094070
#094070
rgb(9,64,112)
-
#0a4b82
#0a4b82
rgb(10,75,130)
-
#0c5594
#0c5594
rgb(12,85,148)
-
#0d60a7
#0d60a7
rgb(13,96,167)
-
#0e6ab9
#0e6ab9
rgb(14,106,185)
-
#1075cb
#1075cb
rgb(16,117,203)
-
#117fdd
#117fdd
rgb(17,127,221)
-
#158aed
#158aed
rgb(21,138,237)
-
#2893ee
#2893ee
rgb(40,147,238)
-
#3a9cf0
#3a9cf0
rgb(58,156,240)
-
#4ca5f1
#4ca5f1
rgb(76,165,241)
-
#5eaef2
#5eaef2
rgb(94,174,242)
-
#70b7f4
#70b7f4
rgb(112,183,244)
-
#83c0f5
#83c0f5
rgb(131,192,245)
-
#95caf7
#95caf7
rgb(149,202,247)
-
#a7d3f8
#a7d3f8
rgb(167,211,248)
-
#b9dcfa
#b9dcfa
rgb(185,220,250)
-
#cbe5fb
#cbe5fb
rgb(203,229,251)
-
#deeefc
#deeefc
rgb(222,238,252)
-
#f0f7fe
#f0f7fe
rgb(240,247,254)
Tones of #4ca5f1
A tone is produced by adding gray to any pure hue. In this case, #9e9f9f is the less saturated color, while #45a6f8 is the most saturated one.
-
#9e9f9f
#9e9f9f
rgb(158,159,159)
-
#969fa7
#969fa7
rgb(150,159,167)
-
#8fa0ae
#8fa0ae
rgb(143,160,174)
-
#87a0b6
#87a0b6
rgb(135,160,182)
-
#80a1bd
#80a1bd
rgb(128,161,189)
-
#79a1c4
#79a1c4
rgb(121,161,196)
-
#71a2cc
#71a2cc
rgb(113,162,204)
-
#6aa3d3
#6aa3d3
rgb(106,163,211)
-
#62a3db
#62a3db
rgb(98,163,219)
-
#5ba4e2
#5ba4e2
rgb(91,164,226)
-
#53a4ea
#53a4ea
rgb(83,164,234)
-
#4ca5f1
#4ca5f1
rgb(76,165,241)
-
#45a6f8
#45a6f8
rgb(69,166,248)
Color Blindness Simulator
Below, you can see how #4ca5f1 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.