#4ca5cc Color Information
In a RGB color space, hex #4ca5cc is composed of 29.8% red, 64.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 19.1% magenta, 0% yellow and 20% black. It has a hue angle of 198.3 degrees, a saturation of 55.7% and a lightness of 54.9%. #4ca5cc color hex could be obtained by blending #98ffff with #004b99. Closest websafe color is: #3399cc.
-
- R 30
- G 65
- B 80
-
- C 63
- M 19
- Y 0
- K 20
● #4ca5cc color description : Moderate blue.
#4ca5cc Color Conversion
The hexadecimal color #4ca5cc has RGB values of R:76, G:165, B:204 and CMYK values of C:0.63, M:0.19, Y:0, K:0.2. Its decimal value is 5023180.
Hex triplet | 4ca5cc | #4ca5cc |
---|---|---|
RGB Decimal | 76, 165, 204 | rgb(76,165,204) |
RGB Percent | 29.8, 64.7, 80 | rgb(29.8%,64.7%,80%) |
CMYK | 63, 19, 0, 20 | |
HSL | 198.3°, 55.7, 54.9 | hsl(198.3,55.7%,54.9%) |
HSV (or HSB) | 198.3°, 62.7, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.002, -14.812, -27.849 |
---|---|
XYZ | 27.332, 32.804, 62.015 |
xyY | 0.224, 0.269, 32.804 |
CIE-LCH | 64.002, 31.543, 241.993 |
CIE-LUV | 64.002, -35.663, -41.451 |
Hunter-Lab | 57.275, -15.05, -24.104 |
Binary | 01001100, 10100101, 11001100 |
Color Schemes with #4ca5cc
Alternatives to #4ca5cc
Below, you can see some colors close to #4ca5cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ca5cc Preview
This text has a font color of #4ca5cc.
<span style="color:#4ca5cc;">Text here</span>
This paragraph has a background color of #4ca5cc.
<p style="background-color:#4ca5cc;">Content here</p>
This element has a border color of #4ca5cc.
<div style="border:1px solid #4ca5cc;">Content here</div>
.text {color:#4ca5cc;}
.background {background-color:#4ca5cc;}
.border {border:1px solid #4ca5cc;}
Shades and Tints of #4ca5cc
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, #010304 is the darkest color, while #f4f9fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060f13
#060f13
rgb(6,15,19)
-
#0a1b23
#0a1b23
rgb(10,27,35)
-
#0e2732
#0e2732
rgb(14,39,50)
-
#133341
#133341
rgb(19,51,65)
-
#173f51
#173f51
rgb(23,63,81)
-
#1b4b60
#1b4b60
rgb(27,75,96)
-
#20576f
#20576f
rgb(32,87,111)
-
#24637e
#24637e
rgb(36,99,126)
-
#286f8e
#286f8e
rgb(40,111,142)
-
#2d7b9d
#2d7b9d
rgb(45,123,157)
-
#3187ac
#3187ac
rgb(49,135,172)
-
#3593bb
#3593bb
rgb(53,147,187)
-
#3d9dc8
#3d9dc8
rgb(61,157,200)
-
#4ca5cc
#4ca5cc
rgb(76,165,204)
-
#5badd0
#5badd0
rgb(91,173,208)
-
#6bb4d5
#6bb4d5
rgb(107,180,213)
-
#7abcd9
#7abcd9
rgb(122,188,217)
-
#89c4dd
#89c4dd
rgb(137,196,221)
-
#98cbe2
#98cbe2
rgb(152,203,226)
-
#a8d3e6
#a8d3e6
rgb(168,211,230)
-
#b7dbea
#b7dbea
rgb(183,219,234)
-
#c6e2ef
#c6e2ef
rgb(198,226,239)
-
#d5eaf3
#d5eaf3
rgb(213,234,243)
-
#e5f2f7
#e5f2f7
rgb(229,242,247)
-
#f4f9fc
#f4f9fc
rgb(244,249,252)
Tones of #4ca5cc
A tone is produced by adding gray to any pure hue. In this case, #8a8d8e is the less saturated color, while #20b6f8 is the most saturated one.
-
#8a8d8e
#8a8d8e
rgb(138,141,142)
-
#819097
#819097
rgb(129,144,151)
-
#7894a0
#7894a0
rgb(120,148,160)
-
#6f97a9
#6f97a9
rgb(111,151,169)
-
#679bb1
#679bb1
rgb(103,155,177)
-
#5e9eba
#5e9eba
rgb(94,158,186)
-
#55a2c3
#55a2c3
rgb(85,162,195)
-
#4ca5cc
#4ca5cc
rgb(76,165,204)
-
#43a8d5
#43a8d5
rgb(67,168,213)
-
#3aacde
#3aacde
rgb(58,172,222)
-
#31afe7
#31afe7
rgb(49,175,231)
-
#29b3ef
#29b3ef
rgb(41,179,239)
-
#20b6f8
#20b6f8
rgb(32,182,248)
Color Blindness Simulator
Below, you can see how #4ca5cc 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.