#40caf4 Color Information
In a RGB color space, hex #40caf4 is composed of 25.1% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 194 degrees, a saturation of 89.1% and a lightness of 60.4%. #40caf4 color hex could be obtained by blending #80ffff with #0095e9. Closest websafe color is: #33ccff.
-
- R 25
- G 79
- B 96
-
- C 74
- M 17
- Y 0
- K 4
● #40caf4 color description : Bright cyan.
#40caf4 Color Conversion
The hexadecimal color #40caf4 has RGB values of R:64, G:202, B:244 and CMYK values of C:0.74, M:0.17, Y:0, K:0.04. Its decimal value is 4246260.
Hex triplet | 40caf4 | #40caf4 |
---|---|---|
RGB Decimal | 64, 202, 244 | rgb(64,202,244) |
RGB Percent | 25.1, 79.2, 95.7 | rgb(25.1%,79.2%,95.7%) |
CMYK | 74, 17, 0, 4 | |
HSL | 194°, 89.1, 60.4 | hsl(194,89.1%,60.4%) |
HSV (or HSB) | 194°, 73.8, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.983, -23.163, -31.252 |
---|---|
XYZ | 39.56, 49.859, 93.122 |
xyY | 0.217, 0.273, 49.859 |
CIE-LCH | 75.983, 38.9, 233.455 |
CIE-LUV | 75.983, -48.906, -47.124 |
Hunter-Lab | 70.611, -23.565, -28.764 |
Binary | 01000000, 11001010, 11110100 |
Color Schemes with #40caf4
Alternatives to #40caf4
Below, you can see some colors close to #40caf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#40caf4 Preview
This text has a font color of #40caf4.
<span style="color:#40caf4;">Text here</span>
This paragraph has a background color of #40caf4.
<p style="background-color:#40caf4;">Content here</p>
This element has a border color of #40caf4.
<div style="border:1px solid #40caf4;">Content here</div>
.text {color:#40caf4;}
.background {background-color:#40caf4;}
.border {border:1px solid #40caf4;}
Shades and Tints of #40caf4
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, #010a0d is the darkest color, while #f9fdff is the lightest one.
-
#010a0d
#010a0d
rgb(1,10,13)
-
#021920
#021920
rgb(2,25,32)
-
#032732
#032732
rgb(3,39,50)
-
#043645
#043645
rgb(4,54,69)
-
#054457
#054457
rgb(5,68,87)
-
#06536a
#06536a
rgb(6,83,106)
-
#07617c
#07617c
rgb(7,97,124)
-
#086f8f
#086f8f
rgb(8,111,143)
-
#097ea1
#097ea1
rgb(9,126,161)
-
#0a8cb4
#0a8cb4
rgb(10,140,180)
-
#0b9bc6
#0b9bc6
rgb(11,155,198)
-
#0ca9d9
#0ca9d9
rgb(12,169,217)
-
#0eb8ec
#0eb8ec
rgb(14,184,236)
-
#1bc0f2
#1bc0f2
rgb(27,192,242)
-
#2dc5f3
#2dc5f3
rgb(45,197,243)
-
#40caf4
#40caf4
rgb(64,202,244)
-
#53cff5
#53cff5
rgb(83,207,245)
-
#65d4f6
#65d4f6
rgb(101,212,246)
-
#78d9f7
#78d9f7
rgb(120,217,247)
-
#8adff8
#8adff8
rgb(138,223,248)
-
#9de4f9
#9de4f9
rgb(157,228,249)
-
#afe9fa
#afe9fa
rgb(175,233,250)
-
#c2eefb
#c2eefb
rgb(194,238,251)
-
#d4f3fd
#d4f3fd
rgb(212,243,253)
-
#e7f8fe
#e7f8fe
rgb(231,248,254)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #40caf4
A tone is produced by adding gray to any pure hue. In this case, #959c9f is the less saturated color, while #38cefc is the most saturated one.
-
#959c9f
#959c9f
rgb(149,156,159)
-
#8ea1a6
#8ea1a6
rgb(142,161,166)
-
#86a5ae
#86a5ae
rgb(134,165,174)
-
#7ea9b6
#7ea9b6
rgb(126,169,182)
-
#76adbe
#76adbe
rgb(118,173,190)
-
#6fb1c5
#6fb1c5
rgb(111,177,197)
-
#67b5cd
#67b5cd
rgb(103,181,205)
-
#5fb9d5
#5fb9d5
rgb(95,185,213)
-
#57bedd
#57bedd
rgb(87,190,221)
-
#50c2e4
#50c2e4
rgb(80,194,228)
-
#48c6ec
#48c6ec
rgb(72,198,236)
-
#40caf4
#40caf4
rgb(64,202,244)
-
#38cefc
#38cefc
rgb(56,206,252)
Color Blindness Simulator
Below, you can see how #40caf4 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.