#40cafb hex color

In a RGB color space, hex #40cafb is composed of 25.1% red, 79.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 19.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 195.7 degrees, a saturation of 95.9% and a lightness of 61.8%. #40cafb color hex could be obtained by blending #80ffff with #0095f7. Closest websafe color is: #33ccff.

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

● #40cafb color description : Bright blue.

The hexadecimal color #40cafb has RGB values of R:64, G:202, B:251 and CMYK values of C:0.75, M:0.2, Y:0, K:0.02. Its decimal value is 4246267.

Hex triplet	40cafb	`#40cafb`
RGB Decimal	64, 202, 251	`rgb(64,202,251)`
RGB Percent	25.1, 79.2, 98.4	`rgb(25.1%,79.2%,98.4%)`
CMYK	75, 20, 0, 2
HSL	195.7°, 95.9, 61.8	`hsl(195.7,95.9%,61.8%)`
HSV (or HSB)	195.7°, 74.5, 98.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.248, -20.932, -34.594
XYZ	40.643, 50.293, 98.827
xyY	0.214, 0.265, 50.293
CIE-LCH	76.248, 40.433, 238.823
CIE-LUV	76.248, -48.469, -53.181
Hunter-Lab	70.917, -21.806, -32.982
Binary	01000000, 11001010, 11111011

#40cafb
```
#40cafb rgb(64,202,251)
```
#fb7140
```
#fb7140 rgb(251,113,64)
```

Complementary Color

#40fbcf
```
#40fbcf rgb(64,251,207)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#406dfb
```
#406dfb rgb(64,109,251)
```

Analogous Color

#fbcf40
```
#fbcf40 rgb(251,207,64)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#fb406d
```
#fb406d rgb(251,64,109)
```

Split Complementary Color

#cafb40
```
#cafb40 rgb(202,251,64)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#fb40ca
```
#fb40ca rgb(251,64,202)
```

Triadic Color

#40fb71
```
#40fb71 rgb(64,251,113)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#fb40ca
```
#fb40ca rgb(251,64,202)
```
#fb7140
```
#fb7140 rgb(251,113,64)
```

Tetradic Color

#05aeea
```
#05aeea rgb(5,174,234)
```
#0ebcfa
```
#0ebcfa rgb(14,188,250)
```
#27c3fa
```
#27c3fa rgb(39,195,250)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#59d1fc
```
#59d1fc rgb(89,209,252)
```
#72d8fc
```
#72d8fc rgb(114,216,252)
```
#8bdffd
```
#8bdffd rgb(139,223,253)
```

Monochromatic Color

Below, you can see some colors close to #40cafb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#40f9fb
```
#40f9fb rgb(64,249,251)
```
#40e9fb
```
#40e9fb rgb(64,233,251)
```
#40dafb
```
#40dafb rgb(64,218,251)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#40bafb
```
#40bafb rgb(64,186,251)
```
#40abfb
```
#40abfb rgb(64,171,251)
```
#409bfb
```
#409bfb rgb(64,155,251)
```

Similar Colors

Text with hexadecimal color #40cafb

This text has a font color of #40cafb.

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

#40cafb background color

This paragraph has a background color of #40cafb.

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

#40cafb border color

This element has a border color of #40cafb.

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

CSS codes

.text {color:#40cafb;}

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

.border {border:1px solid #40cafb;}

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, #000101 is the darkest color, while #edfaff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#000f14
```
#000f14 rgb(0,15,20)
```
#011d28
```
#011d28 rgb(1,29,40)
```
#012c3b
```
#012c3b rgb(1,44,59)
```
#023a4e
```
#023a4e rgb(2,58,78)
```
#024861
```
#024861 rgb(2,72,97)
```
#025774
```
#025774 rgb(2,87,116)
```
#036588
```
#036588 rgb(3,101,136)
```
#03739b
```
#03739b rgb(3,115,155)
```
#0481ae
```
#0481ae rgb(4,129,174)
```
#0490c1
```
#0490c1 rgb(4,144,193)
```
#049ed4
```
#049ed4 rgb(4,158,212)
```
#05ace8
```
#05ace8 rgb(5,172,232)
```

Shade Color Variation

#06bafa
```
#06bafa rgb(6,186,250)
```
#1abffa
```
#1abffa rgb(26,191,250)
```
#2dc5fb
```
#2dc5fb rgb(45,197,251)
```
#40cafb
```
#40cafb rgb(64,202,251)
```
#53cffb
```
#53cffb rgb(83,207,251)
```
#66d5fc
```
#66d5fc rgb(102,213,252)
```
#7adafc
```
#7adafc rgb(122,218,252)
```
#8ddffd
```
#8ddffd rgb(141,223,253)
```
#a0e5fd
```
#a0e5fd rgb(160,229,253)
```
#b3eafd
```
#b3eafd rgb(179,234,253)
```
#c6effe
```
#c6effe rgb(198,239,254)
```
#daf5fe
```
#daf5fe rgb(218,245,254)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9fa1 is the less saturated color, while #40cafb is the most saturated one.

#9a9fa1
```
#9a9fa1 rgb(154,159,161)
```
#93a3a9
```
#93a3a9 rgb(147,163,169)
```
#8ba6b0
```
#8ba6b0 rgb(139,166,176)
```
#84aab8
```
#84aab8 rgb(132,170,184)
```
#7cadbf
```
#7cadbf rgb(124,173,191)
```
#75b1c7
```
#75b1c7 rgb(117,177,199)
```
#6db5ce
```
#6db5ce rgb(109,181,206)
```
#66b8d6
```
#66b8d6 rgb(102,184,214)
```
#5ebcdd
```
#5ebcdd rgb(94,188,221)
```
#57bfe5
```
#57bfe5 rgb(87,191,229)
```
#4fc3ec
```
#4fc3ec rgb(79,195,236)
```
#48c6f4
```
#48c6f4 rgb(72,198,244)
```
#40cafb
```
#40cafb rgb(64,202,251)
```

Tone Color Variation

Below, you can see how #40cafb 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

#b1bdf1 Protanopia 1% of men
#a9bdff Deuteranopia 1% of men
#28d1e1 Tritanopia 0.001% of the population

Trichromacy

#88c2f4 Protanomaly 1% of men, 0.01% of women
#83c2fd Deuteranomaly 6% of men, 0.4% of women
#30ceea Tritanomaly 0.01% of the population

#40cafb hex color

#40cafb Color Information

#40cafb Color Conversion

Color Schemes with #40cafb

Alternatives to #40cafb

#40cafb Preview

Shades and Tints of #40cafb

Tones of #40cafb

Color Blindness Simulator