#40b0e2 hex color

In a RGB color space, hex #40b0e2 is composed of 25.1% red, 69% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 22.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.5 degrees, a saturation of 73.6% and a lightness of 56.9%. #40b0e2 color hex could be obtained by blending #80ffff with #0061c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 69
- B 89
RGB color chart
- C 72
- M 22
- Y 0
- K 11
CMYK color chart

● #40b0e2 color description : Bright blue.

The hexadecimal color #40b0e2 has RGB values of R:64, G:176, B:226 and CMYK values of C:0.72, M:0.22, Y:0, K:0.11. Its decimal value is 4239586.

Hex triplet	40b0e2	`#40b0e2`
RGB Decimal	64, 176, 226	`rgb(64,176,226)`
RGB Percent	25.1, 69, 88.6	`rgb(25.1%,69%,88.6%)`
CMYK	72, 22, 0, 11
HSL	198.5°, 73.6, 56.9	`hsl(198.5,73.6%,56.9%)`
HSV (or HSB)	198.5°, 71.7, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.746, -15.461, -34.225
XYZ	31.364, 37.629, 77.558
xyY	0.214, 0.257, 37.629
CIE-LCH	67.746, 37.555, 245.689
CIE-LUV	67.746, -40.874, -52.453
Hunter-Lab	61.342, -16.085, -32.023
Binary	01000000, 10110000, 11100010

#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#e27240
```
#e27240 rgb(226,114,64)
```

Complementary Color

#40e2c3
```
#40e2c3 rgb(64,226,195)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#405fe2
```
#405fe2 rgb(64,95,226)
```

Analogous Color

#e2c340
```
#e2c340 rgb(226,195,64)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#e2405f
```
#e2405f rgb(226,64,95)
```

Split Complementary Color

#b0e240
```
#b0e240 rgb(176,226,64)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#e240b0
```
#e240b0 rgb(226,64,176)
```

Triadic Color

#40e272
```
#40e272 rgb(64,226,114)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#e240b0
```
#e240b0 rgb(226,64,176)
```
#e27240
```
#e27240 rgb(226,114,64)
```

Tetradic Color

#1c89b9
```
#1c89b9 rgb(28,137,185)
```
#2099cf
```
#2099cf rgb(32,153,207)
```
#2aa7df
```
#2aa7df rgb(42,167,223)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#56b9e5
```
#56b9e5 rgb(86,185,229)
```
#6cc2e9
```
#6cc2e9 rgb(108,194,233)
```
#82cbec
```
#82cbec rgb(130,203,236)
```

Monochromatic Color

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

#40d9e2
```
#40d9e2 rgb(64,217,226)
```
#40cbe2
```
#40cbe2 rgb(64,203,226)
```
#40bee2
```
#40bee2 rgb(64,190,226)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#40a3e2
```
#40a3e2 rgb(64,163,226)
```
#4095e2
```
#4095e2 rgb(64,149,226)
```
#4088e2
```
#4088e2 rgb(64,136,226)
```

Similar Colors

Text with hexadecimal color #40b0e2

This text has a font color of #40b0e2.

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

#40b0e2 background color

This paragraph has a background color of #40b0e2.

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

#40b0e2 border color

This element has a border color of #40b0e2.

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

CSS codes

.text {color:#40b0e2;}

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

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

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, #020a0d is the darkest color, while #fbfdfe is the lightest one.

#020a0d
```
#020a0d rgb(2,10,13)
```
#05161e
```
#05161e rgb(5,22,30)
```
#07232f
```
#07232f rgb(7,35,47)
```
#0a3040
```
#0a3040 rgb(10,48,64)
```
#0c3c51
```
#0c3c51 rgb(12,60,81)
```
#0f4963
```
#0f4963 rgb(15,73,99)
```
#125574
```
#125574 rgb(18,85,116)
```
#146285
```
#146285 rgb(20,98,133)
```
#176e96
```
#176e96 rgb(23,110,150)
```
#197ba7
```
#197ba7 rgb(25,123,167)
```
#1c88b8
```
#1c88b8 rgb(28,136,184)
```
#1e94c9
```
#1e94c9 rgb(30,148,201)
```
#21a1da
```
#21a1da rgb(33,161,218)
```

Shade Color Variation

#2fa9df
```
#2fa9df rgb(47,169,223)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#51b7e5
```
#51b7e5 rgb(81,183,229)
```
#62bee7
```
#62bee7 rgb(98,190,231)
```
#73c5ea
```
#73c5ea rgb(115,197,234)
```
#84ccec
```
#84ccec rgb(132,204,236)
```
#95d3ef
```
#95d3ef rgb(149,211,239)
```
#a6daf2
```
#a6daf2 rgb(166,218,242)
```
#b7e1f4
```
#b7e1f4 rgb(183,225,244)
```
#c8e8f7
```
#c8e8f7 rgb(200,232,247)
```
#d9eff9
```
#d9eff9 rgb(217,239,249)
```
#eaf6fc
```
#eaf6fc rgb(234,246,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9396 is the less saturated color, while #27bafb is the most saturated one.

#8c9396
```
#8c9396 rgb(140,147,150)
```
#84969e
```
#84969e rgb(132,150,158)
```
#7b99a7
```
#7b99a7 rgb(123,153,167)
```
#739daf
```
#739daf rgb(115,157,175)
```
#6aa0b8
```
#6aa0b8 rgb(106,160,184)
```
#62a3c0
```
#62a3c0 rgb(98,163,192)
```
#59a6c9
```
#59a6c9 rgb(89,166,201)
```
#51aad1
```
#51aad1 rgb(81,170,209)
```
#48adda
```
#48adda rgb(72,173,218)
```
#40b0e2
```
#40b0e2 rgb(64,176,226)
```
#38b3ea
```
#38b3ea rgb(56,179,234)
```
#2fb6f3
```
#2fb6f3 rgb(47,182,243)
```
#27bafb
```
#27bafb rgb(39,186,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#839aa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa7db Protanopia 1% of men
#91a8e8 Deuteranopia 1% of men
#2bb9c7 Tritanopia 0.001% of the population

Trichromacy

#79aadd Protanomaly 1% of men, 0.01% of women
#73abe5 Deuteranomaly 6% of men, 0.4% of women
#33b6d0 Tritanomaly 0.01% of the population

#40b0e2 hex color

#40b0e2 Color Information

#40b0e2 Color Conversion

Color Schemes with #40b0e2

Alternatives to #40b0e2

#40b0e2 Preview

Shades and Tints of #40b0e2

Tones of #40b0e2

Color Blindness Simulator