#40caf3 Color Information
In a RGB color space, hex #40caf3 is composed of 25.1% red, 79.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 16.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 193.7 degrees, a saturation of 88.2% and a lightness of 60.2%. #40caf3 color hex could be obtained by blending #80ffff with #0095e7. Closest websafe color is: #33ccff.
-
- R 25
- G 79
- B 95
-
- C 74
- M 17
- Y 0
- K 5
● #40caf3 color description : Bright cyan.
#40caf3 Color Conversion
The hexadecimal color #40caf3 has RGB values of R:64, G:202, B:243 and CMYK values of C:0.74, M:0.17, Y:0, K:0.05. Its decimal value is 4246259.
Hex triplet | 40caf3 | #40caf3 |
---|---|---|
RGB Decimal | 64, 202, 243 | rgb(64,202,243) |
RGB Percent | 25.1, 79.2, 95.3 | rgb(25.1%,79.2%,95.3%) |
CMYK | 74, 17, 0, 5 | |
HSL | 193.7°, 88.2, 60.2 | hsl(193.7,88.2%,60.2%) |
HSV (or HSB) | 193.7°, 73.7, 95.3 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.945, -23.479, -30.772 |
---|---|
XYZ | 39.408, 49.799, 92.324 |
xyY | 0.217, 0.274, 49.799 |
CIE-LCH | 75.945, 38.707, 232.656 |
CIE-LUV | 75.945, -48.969, -46.258 |
Hunter-Lab | 70.568, -23.812, -28.171 |
Binary | 01000000, 11001010, 11110011 |
Color Schemes with #40caf3
Alternatives to #40caf3
Below, you can see some colors close to #40caf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#40caf3 Preview
This text has a font color of #40caf3.
<span style="color:#40caf3;">Text here</span>
This paragraph has a background color of #40caf3.
<p style="background-color:#40caf3;">Content here</p>
This element has a border color of #40caf3.
<div style="border:1px solid #40caf3;">Content here</div>
.text {color:#40caf3;}
.background {background-color:#40caf3;}
.border {border:1px solid #40caf3;}
Shades and Tints of #40caf3
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, #01090c is the darkest color, while #f9fdff is the lightest one.
-
#01090c
#01090c
rgb(1,9,12)
-
#02181e
#02181e
rgb(2,24,30)
-
#032631
#032631
rgb(3,38,49)
-
#043543
#043543
rgb(4,53,67)
-
#054356
#054356
rgb(5,67,86)
-
#075268
#075268
rgb(7,82,104)
-
#08607b
#08607b
rgb(8,96,123)
-
#096f8d
#096f8d
rgb(9,111,141)
-
#0a7da0
#0a7da0
rgb(10,125,160)
-
#0b8cb2
#0b8cb2
rgb(11,140,178)
-
#0c9ac5
#0c9ac5
rgb(12,154,197)
-
#0ea9d7
#0ea9d7
rgb(14,169,215)
-
#0fb7e9
#0fb7e9
rgb(15,183,233)
-
#1bc0f1
#1bc0f1
rgb(27,192,241)
-
#2ec5f2
#2ec5f2
rgb(46,197,242)
-
#40caf3
#40caf3
rgb(64,202,243)
-
#52cff4
#52cff4
rgb(82,207,244)
-
#65d4f5
#65d4f5
rgb(101,212,245)
-
#77d9f6
#77d9f6
rgb(119,217,246)
-
#8adef8
#8adef8
rgb(138,222,248)
-
#9ce4f9
#9ce4f9
rgb(156,228,249)
-
#afe9fa
#afe9fa
rgb(175,233,250)
-
#c1eefb
#c1eefb
rgb(193,238,251)
-
#d4f3fc
#d4f3fc
rgb(212,243,252)
-
#e6f8fd
#e6f8fd
rgb(230,248,253)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #40caf3
A tone is produced by adding gray to any pure hue. In this case, #969b9d is the less saturated color, while #38cefb is the most saturated one.
-
#969b9d
#969b9d
rgb(150,155,157)
-
#8ea0a5
#8ea0a5
rgb(142,160,165)
-
#86a4ad
#86a4ad
rgb(134,164,173)
-
#7ea8b5
#7ea8b5
rgb(126,168,181)
-
#77acbc
#77acbc
rgb(119,172,188)
-
#6fb1c4
#6fb1c4
rgb(111,177,196)
-
#67b5cc
#67b5cc
rgb(103,181,204)
-
#5fb9d4
#5fb9d4
rgb(95,185,212)
-
#57bddc
#57bddc
rgb(87,189,220)
-
#50c2e3
#50c2e3
rgb(80,194,227)
-
#48c6eb
#48c6eb
rgb(72,198,235)
-
#40caf3
#40caf3
rgb(64,202,243)
-
#38cefb
#38cefb
rgb(56,206,251)
Color Blindness Simulator
Below, you can see how #40caf3 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.