#40bbfd hex color

In a RGB color space, hex #40bbfd is composed of 25.1% red, 73.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 26.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 201 degrees, a saturation of 97.9% and a lightness of 62.2%. #40bbfd color hex could be obtained by blending #80ffff with #0077fb. 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

● #40bbfd color description : Bright blue.

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

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

CIE-LAB	72.04, -12.407, -42.209
XYZ	37.61, 43.719, 99.38
xyY	0.208, 0.242, 43.719
CIE-LCH	72.04, 43.995, 253.62
CIE-LUV	72.04, -43.189, -66.966
Hunter-Lab	66.121, -14.179, -42.829
Binary	01000000, 10111011, 11111101

#40bbfd
```
#40bbfd rgb(64,187,253)
```
#fd8240
```
#fd8240 rgb(253,130,64)
```

Complementary Color

#40fde1
```
#40fde1 rgb(64,253,225)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#405dfd
```
#405dfd rgb(64,93,253)
```

Analogous Color

#fde140
```
#fde140 rgb(253,225,64)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#fd405c
```
#fd405c rgb(253,64,92)
```

Split Complementary Color

#bbfd40
```
#bbfd40 rgb(187,253,64)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#fd40bb
```
#fd40bb rgb(253,64,187)
```

Triadic Color

#40fd82
```
#40fd82 rgb(64,253,130)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#fd40bb
```
#fd40bb rgb(253,64,187)
```
#fd8240
```
#fd8240 rgb(253,130,64)
```

Tetradic Color

#029cee
```
#029cee rgb(2,156,238)
```
#0ea9fc
```
#0ea9fc rgb(14,169,252)
```
#27b2fd
```
#27b2fd rgb(39,178,253)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#59c4fd
```
#59c4fd rgb(89,196,253)
```
#72cdfe
```
#72cdfe rgb(114,205,254)
```
#8cd6fe
```
#8cd6fe rgb(140,214,254)
```

Monochromatic Color

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

#40eafd
```
#40eafd rgb(64,234,253)
```
#40dbfd
```
#40dbfd rgb(64,219,253)
```
#40cbfd
```
#40cbfd rgb(64,203,253)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#40abfd
```
#40abfd rgb(64,171,253)
```
#409cfd
```
#409cfd rgb(64,156,253)
```
#408cfd
```
#408cfd rgb(64,140,253)
```

Similar Colors

Text with hexadecimal color #40bbfd

This text has a font color of #40bbfd.

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

#40bbfd background color

This paragraph has a background color of #40bbfd.

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

#40bbfd border color

This element has a border color of #40bbfd.

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

CSS codes

.text {color:#40bbfd;}

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

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

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)
```
#013551
```
#013551 rgb(1,53,81)
```
#014264
```
#014264 rgb(1,66,100)
```
#014e78
```
#014e78 rgb(1,78,120)
```
#015b8b
```
#015b8b rgb(1,91,139)
```
#02689e
```
#02689e rgb(2,104,158)
```
#0274b2
```
#0274b2 rgb(2,116,178)
```
#0281c5
```
#0281c5 rgb(2,129,197)
```
#028ed9
```
#028ed9 rgb(2,142,217)
```
#029aec
```
#029aec rgb(2,154,236)
```

Shade Color Variation

#06a6fc
```
#06a6fc rgb(6,166,252)
```
#19adfd
```
#19adfd rgb(25,173,253)
```
#2db4fd
```
#2db4fd rgb(45,180,253)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```
#53c2fd
```
#53c2fd rgb(83,194,253)
```
#67c9fd
```
#67c9fd rgb(103,201,253)
```
#7ad0fe
```
#7ad0fe rgb(122,208,254)
```
#8ed7fe
```
#8ed7fe rgb(142,215,254)
```
#a1defe
```
#a1defe rgb(161,222,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 #40bbfd is the most saturated one.

#99a0a4
```
#99a0a4 rgb(153,160,164)
```
#92a2ab
```
#92a2ab rgb(146,162,171)
```
#8aa5b3
```
#8aa5b3 rgb(138,165,179)
```
#83a7ba
```
#83a7ba rgb(131,167,186)
```
#7ba9c2
```
#7ba9c2 rgb(123,169,194)
```
#74abc9
```
#74abc9 rgb(116,171,201)
```
#6daed0
```
#6daed0 rgb(109,174,208)
```
#65b0d8
```
#65b0d8 rgb(101,176,216)
```
#5eb2df
```
#5eb2df rgb(94,178,223)
```
#56b4e7
```
#56b4e7 rgb(86,180,231)
```
#4fb7ee
```
#4fb7ee rgb(79,183,238)
```
#47b9f6
```
#47b9f6 rgb(71,185,246)
```
#40bbfd
```
#40bbfd rgb(64,187,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8ba4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f4 Protanopia 1% of men
#92b3ff Deuteranopia 1% of men
#00c6d4 Tritanopia 0.001% of the population

Trichromacy

#7cb5f7 Protanomaly 1% of men, 0.01% of women
#74b6fe Deuteranomaly 6% of men, 0.4% of women
#17c2e3 Tritanomaly 0.01% of the population

#40bbfd hex color

#40bbfd Color Information

#40bbfd Color Conversion

Color Schemes with #40bbfd

Alternatives to #40bbfd

#40bbfd Preview

Shades and Tints of #40bbfd

Tones of #40bbfd

Color Blindness Simulator