#40caf9 Color Information
In a RGB color space, hex #40caf9 is composed of 25.1% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 195.2 degrees, a saturation of 93.9% and a lightness of 61.4%. #40caf9 color hex could be obtained by blending #80ffff with #0095f3. Closest websafe color is: #33ccff.
-
- R 25
- G 79
- B 98
-
- C 74
- M 19
- Y 0
- K 2
● #40caf9 color description : Bright blue.
#40caf9 Color Conversion
The hexadecimal color #40caf9 has RGB values of R:64, G:202, B:249 and CMYK values of C:0.74, M:0.19, Y:0, K:0.02. Its decimal value is 4246265.
Hex triplet | 40caf9 | #40caf9 |
---|---|---|
RGB Decimal | 64, 202, 249 | rgb(64,202,249) |
RGB Percent | 25.1, 79.2, 97.6 | rgb(25.1%,79.2%,97.6%) |
CMYK | 74, 19, 0, 2 | |
HSL | 195.2°, 93.9, 61.4 | hsl(195.2,93.9%,61.4%) |
HSV (or HSB) | 195.2°, 74.3, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.172, -21.572, -33.641 |
---|---|
XYZ | 40.329, 50.167, 97.175 |
xyY | 0.215, 0.267, 50.167 |
CIE-LCH | 76.172, 39.964, 237.33 |
CIE-LUV | 76.172, -48.594, -51.451 |
Hunter-Lab | 70.829, -22.314, -31.764 |
Binary | 01000000, 11001010, 11111001 |
Color Schemes with #40caf9
Alternatives to #40caf9
Below, you can see some colors close to #40caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#40caf9 Preview
This text has a font color of #40caf9.
<span style="color:#40caf9;">Text here</span>
This paragraph has a background color of #40caf9.
<p style="background-color:#40caf9;">Content here</p>
This element has a border color of #40caf9.
<div style="border:1px solid #40caf9;">Content here</div>
.text {color:#40caf9;}
.background {background-color:#40caf9;}
.border {border:1px solid #40caf9;}
Shades and Tints of #40caf9
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, #010e12 is the darkest color, while #feffff is the lightest one.
-
#010e12
#010e12
rgb(1,14,18)
-
#011c25
#011c25
rgb(1,28,37)
-
#022a38
#022a38
rgb(2,42,56)
-
#02394b
#02394b
rgb(2,57,75)
-
#03475e
#03475e
rgb(3,71,94)
-
#045571
#045571
rgb(4,85,113)
-
#046484
#046484
rgb(4,100,132)
-
#057297
#057297
rgb(5,114,151)
-
#0580aa
#0580aa
rgb(5,128,170)
-
#068fbd
#068fbd
rgb(6,143,189)
-
#079dd0
#079dd0
rgb(7,157,208)
-
#07abe3
#07abe3
rgb(7,171,227)
-
#08baf6
#08baf6
rgb(8,186,246)
-
#1abff8
#1abff8
rgb(26,191,248)
-
#2dc5f8
#2dc5f8
rgb(45,197,248)
-
#40caf9
#40caf9
rgb(64,202,249)
-
#53cffa
#53cffa
rgb(83,207,250)
-
#66d5fa
#66d5fa
rgb(102,213,250)
-
#79dafb
#79dafb
rgb(121,218,251)
-
#8cdffb
#8cdffb
rgb(140,223,251)
-
#9fe4fc
#9fe4fc
rgb(159,228,252)
-
#b2eafd
#b2eafd
rgb(178,234,253)
-
#c5effd
#c5effd
rgb(197,239,253)
-
#d8f4fe
#d8f4fe
rgb(216,244,254)
-
#ebf9fe
#ebf9fe
rgb(235,249,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #40caf9
A tone is produced by adding gray to any pure hue. In this case, #9b9d9e is the less saturated color, while #40caf9 is the most saturated one.
-
#9b9d9e
#9b9d9e
rgb(155,157,158)
-
#93a1a6
#93a1a6
rgb(147,161,166)
-
#8ca5ad
#8ca5ad
rgb(140,165,173)
-
#84a8b5
#84a8b5
rgb(132,168,181)
-
#7dacbc
#7dacbc
rgb(125,172,188)
-
#75b0c4
#75b0c4
rgb(117,176,196)
-
#6db4cc
#6db4cc
rgb(109,180,204)
-
#66b7d3
#66b7d3
rgb(102,183,211)
-
#5ebbdb
#5ebbdb
rgb(94,187,219)
-
#57bfe2
#57bfe2
rgb(87,191,226)
-
#4fc3ea
#4fc3ea
rgb(79,195,234)
-
#48c6f1
#48c6f1
rgb(72,198,241)
-
#40caf9
#40caf9
rgb(64,202,249)
Color Blindness Simulator
Below, you can see how #40caf9 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.