#40bafd hex color

In a RGB color space, hex #40bafd is composed of 25.1% red, 72.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 26.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.3 degrees, a saturation of 97.9% and a lightness of 62.2%. #40bafd color hex could be obtained by blending #80ffff with #0075fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 73
- B 99
RGB color chart
- C 75
- M 26
- Y 0
- K 1
CMYK color chart

● #40bafd color description : Bright blue.

The hexadecimal color #40bafd has RGB values of R:64, G:186, B:253 and CMYK values of C:0.75, M:0.26, Y:0, K:0.01. Its decimal value is 4242173.

Hex triplet	40bafd	`#40bafd`
RGB Decimal	64, 186, 253	`rgb(64,186,253)`
RGB Percent	25.1, 72.9, 99.2	`rgb(25.1%,72.9%,99.2%)`
CMYK	75, 26, 0, 1
HSL	201.3°, 97.9, 62.2	`hsl(201.3,97.9%,62.2%)`
HSV (or HSB)	201.3°, 74.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.756, -11.869, -42.654
XYZ	37.398, 43.296, 99.309
xyY	0.208, 0.241, 43.296
CIE-LCH	71.756, 44.275, 254.45
CIE-LUV	71.756, -42.847, -67.763
Hunter-Lab	65.8, -13.697, -43.424
Binary	01000000, 10111010, 11111101

#40bafd
```
#40bafd rgb(64,186,253)
```
#fd8340
```
#fd8340 rgb(253,131,64)
```

Complementary Color

#40fde2
```
#40fde2 rgb(64,253,226)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#405cfd
```
#405cfd rgb(64,92,253)
```

Analogous Color

#fde240
```
#fde240 rgb(253,226,64)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#fd405c
```
#fd405c rgb(253,64,92)
```

Split Complementary Color

#bafd40
```
#bafd40 rgb(186,253,64)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#fd40ba
```
#fd40ba rgb(253,64,186)
```

Triadic Color

#40fd83
```
#40fd83 rgb(64,253,131)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#fd40ba
```
#fd40ba rgb(253,64,186)
```
#fd8340
```
#fd8340 rgb(253,131,64)
```

Tetradic Color

#029bee
```
#029bee rgb(2,155,238)
```
#0ea8fc
```
#0ea8fc rgb(14,168,252)
```
#27b1fd
```
#27b1fd rgb(39,177,253)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#59c3fd
```
#59c3fd rgb(89,195,253)
```
#72ccfe
```
#72ccfe rgb(114,204,254)
```
#8cd5fe
```
#8cd5fe rgb(140,213,254)
```

Monochromatic Color

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

#40e9fd
```
#40e9fd rgb(64,233,253)
```
#40dafd
```
#40dafd rgb(64,218,253)
```
#40cafd
```
#40cafd rgb(64,202,253)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#40aafd
```
#40aafd rgb(64,170,253)
```
#409bfd
```
#409bfd rgb(64,155,253)
```
#408bfd
```
#408bfd rgb(64,139,253)
```

Similar Colors

Text with hexadecimal color #40bafd

This text has a font color of #40bafd.

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

#40bafd background color

This paragraph has a background color of #40bafd.

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

#40bafd border color

This element has a border color of #40bafd.

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

CSS codes

.text {color:#40bafd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000f17
```
#000f17 rgb(0,15,23)
```
#001b2a
```
#001b2a rgb(0,27,42)
```
#01283d
```
#01283d rgb(1,40,61)
```
#013451
```
#013451 rgb(1,52,81)
```
#014164
```
#014164 rgb(1,65,100)
```
#014e78
```
#014e78 rgb(1,78,120)
```
#015a8b
```
#015a8b rgb(1,90,139)
```
#02679e
```
#02679e rgb(2,103,158)
```
#0273b2
```
#0273b2 rgb(2,115,178)
```
#0280c5
```
#0280c5 rgb(2,128,197)
```
#028dd9
```
#028dd9 rgb(2,141,217)
```
#0299ec
```
#0299ec rgb(2,153,236)
```

Shade Color Variation

#06a5fc
```
#06a5fc rgb(6,165,252)
```
#19acfd
```
#19acfd rgb(25,172,253)
```
#2db3fd
```
#2db3fd rgb(45,179,253)
```
#40bafd
```
#40bafd rgb(64,186,253)
```
#53c1fd
```
#53c1fd rgb(83,193,253)
```
#67c8fd
```
#67c8fd rgb(103,200,253)
```
#7acffe
```
#7acffe rgb(122,207,254)
```
#8ed6fe
```
#8ed6fe rgb(142,214,254)
```
#a1ddfe
```
#a1ddfe rgb(161,221,254)
```
#b4e4fe
```
#b4e4fe rgb(180,228,254)
```
#c8ebfe
```
#c8ebfe rgb(200,235,254)
```
#dbf2ff
```
#dbf2ff rgb(219,242,255)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

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

#99a0a4
```
#99a0a4 rgb(153,160,164)
```
#92a2ab
```
#92a2ab rgb(146,162,171)
```
#8aa4b3
```
#8aa4b3 rgb(138,164,179)
```
#83a7ba
```
#83a7ba rgb(131,167,186)
```
#7ba9c2
```
#7ba9c2 rgb(123,169,194)
```
#74abc9
```
#74abc9 rgb(116,171,201)
```
#6dadd0
```
#6dadd0 rgb(109,173,208)
```
#65afd8
```
#65afd8 rgb(101,175,216)
```
#5eb1df
```
#5eb1df rgb(94,177,223)
```
#56b4e7
```
#56b4e7 rgb(86,180,231)
```
#4fb6ee
```
#4fb6ee rgb(79,182,238)
```
#47b8f6
```
#47b8f6 rgb(71,184,246)
```
#40bafd
```
#40bafd rgb(64,186,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8aa3b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db1f4 Protanopia 1% of men
#90b3ff Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#7bb4f7 Protanomaly 1% of men, 0.01% of women
#73b5fe Deuteranomaly 6% of men, 0.4% of women
#17c1e2 Tritanomaly 0.01% of the population

#40bafd hex color

#40bafd Color Information

#40bafd Color Conversion

Color Schemes with #40bafd

Alternatives to #40bafd

#40bafd Preview

Shades and Tints of #40bafd

Tones of #40bafd

Color Blindness Simulator