#40caf9 hex color

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.

♥
- f
- t
- g
- R 25
- G 79
- B 98
RGB color chart
- C 74
- M 19
- Y 0
- K 2
CMYK color chart

● #40caf9 color description : Bright blue.

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

#40caf9
```
#40caf9 rgb(64,202,249)
```
#f96f40
```
#f96f40 rgb(249,111,64)
```

Complementary Color

#40f9cc
```
#40f9cc rgb(64,249,204)
```
#40caf9
```
#40caf9 rgb(64,202,249)
```
#406ef9
```
#406ef9 rgb(64,110,249)
```

Analogous Color

#f9cc40
```
#f9cc40 rgb(249,204,64)
```
#40caf9
```
#40caf9 rgb(64,202,249)
```
#f9406e
```
#f9406e rgb(249,64,110)
```

Split Complementary Color

#caf940
```
#caf940 rgb(202,249,64)
```
#40caf9
```
#40caf9 rgb(64,202,249)
```
#f940ca
```
#f940ca rgb(249,64,202)
```

Triadic Color

#40f96f
```
#40f96f rgb(64,249,111)
```
#40caf9
```
#40caf9 rgb(64,202,249)
```
#f940ca
```
#f940ca rgb(249,64,202)
```
#f96f40
```
#f96f40 rgb(249,111,64)
```

Tetradic Color

#07ade5
```
#07ade5 rgb(7,173,229)
```
#0fbcf7
```
#0fbcf7 rgb(15,188,247)
```
#27c3f8
```
#27c3f8 rgb(39,195,248)
```
#40caf9
```
#40caf9 rgb(64,202,249)
```
#59d1fa
```
#59d1fa rgb(89,209,250)
```
#71d8fb
```
#71d8fb rgb(113,216,251)
```
#8adffb
```
#8adffb rgb(138,223,251)
```

Monochromatic Color

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.

#40f8f9
```
#40f8f9 rgb(64,248,249)
```
#40e9f9
```
#40e9f9 rgb(64,233,249)
```
#40d9f9
```
#40d9f9 rgb(64,217,249)
```
#40caf9
```
#40caf9 rgb(64,202,249)
```
#40bbf9
```
#40bbf9 rgb(64,187,249)
```
#40abf9
```
#40abf9 rgb(64,171,249)
```
#409cf9
```
#409cf9 rgb(64,156,249)
```

Similar Colors

Text with hexadecimal color #40caf9

This text has a font color of #40caf9.

<span style="color:#40caf9;">Text here</span>

#40caf9 background color

This paragraph has a background color of #40caf9.

<p style="background-color:#40caf9;">Content here</p>

#40caf9 border color

This element has a border color of #40caf9.

<div style="border:1px solid #40caf9;">Content here</div>

CSS codes

.text {color:#40caf9;}

.background {background-color:#40caf9;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#a6a6a6 Achromatopsia 0.005% of the population
#92adb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bdef Protanopia 1% of men
#a9bdff Deuteranopia 1% of men
#2bd1e0 Tritanopia 0.001% of the population

Trichromacy

#88c1f2 Protanomaly 1% of men, 0.01% of women
#83c1fc Deuteranomaly 6% of men, 0.4% of women
#33cee9 Tritanomaly 0.01% of the population

#40caf9 hex color

#40caf9 Color Information

#40caf9 Color Conversion

Color Schemes with #40caf9

Alternatives to #40caf9

#40caf9 Preview

Shades and Tints of #40caf9

Tones of #40caf9

Color Blindness Simulator