#40b6e2 hex color

In a RGB color space, hex #40b6e2 is composed of 25.1% red, 71.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 19.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 196.3 degrees, a saturation of 73.6% and a lightness of 56.9%. #40b6e2 color hex could be obtained by blending #80ffff with #006dc5. Closest websafe color is: #33cccc.

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

● #40b6e2 color description : Bright blue.

The hexadecimal color #40b6e2 has RGB values of R:64, G:182, B:226 and CMYK values of C:0.72, M:0.19, Y:0, K:0.11. Its decimal value is 4241122.

Hex triplet	40b6e2	`#40b6e2`
RGB Decimal	64, 182, 226	`rgb(64,182,226)`
RGB Percent	25.1, 71.4, 88.6	`rgb(25.1%,71.4%,88.6%)`
CMYK	72, 19, 0, 11
HSL	196.3°, 73.6, 56.9	`hsl(196.3,73.6%,56.9%)`
HSV (or HSB)	196.3°, 71.7, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.494, -18.633, -31.519
XYZ	32.566, 40.034, 77.958
xyY	0.216, 0.266, 40.034
CIE-LCH	69.494, 36.615, 239.41
CIE-LUV	69.494, -42.988, -47.642
Hunter-Lab	63.273, -18.853, -28.761
Binary	01000000, 10110110, 11100010

#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#e26c40
```
#e26c40 rgb(226,108,64)
```

Complementary Color

#40e2bd
```
#40e2bd rgb(64,226,189)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#4065e2
```
#4065e2 rgb(64,101,226)
```

Analogous Color

#e2bd40
```
#e2bd40 rgb(226,189,64)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#e24065
```
#e24065 rgb(226,64,101)
```

Split Complementary Color

#b6e240
```
#b6e240 rgb(182,226,64)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#e240b6
```
#e240b6 rgb(226,64,182)
```

Triadic Color

#40e26c
```
#40e26c rgb(64,226,108)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#e240b6
```
#e240b6 rgb(226,64,182)
```
#e26c40
```
#e26c40 rgb(226,108,64)
```

Tetradic Color

#1c8fb9
```
#1c8fb9 rgb(28,143,185)
```
#20a0cf
```
#20a0cf rgb(32,160,207)
```
#2aaedf
```
#2aaedf rgb(42,174,223)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#56bee5
```
#56bee5 rgb(86,190,229)
```
#6cc7e9
```
#6cc7e9 rgb(108,199,233)
```
#82cfec
```
#82cfec rgb(130,207,236)
```

Monochromatic Color

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

#40dfe2
```
#40dfe2 rgb(64,223,226)
```
#40d1e2
```
#40d1e2 rgb(64,209,226)
```
#40c4e2
```
#40c4e2 rgb(64,196,226)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#40a9e2
```
#40a9e2 rgb(64,169,226)
```
#409be2
```
#409be2 rgb(64,155,226)
```
#408ee2
```
#408ee2 rgb(64,142,226)
```

Similar Colors

Text with hexadecimal color #40b6e2

This text has a font color of #40b6e2.

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

#40b6e2 background color

This paragraph has a background color of #40b6e2.

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

#40b6e2 border color

This element has a border color of #40b6e2.

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

CSS codes

.text {color:#40b6e2;}

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

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

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 #fbfefe is the lightest one.

#020a0d
```
#020a0d rgb(2,10,13)
```
#05171e
```
#05171e rgb(5,23,30)
```
#07242f
```
#07242f rgb(7,36,47)
```
#0a3240
```
#0a3240 rgb(10,50,64)
```
#0c3f51
```
#0c3f51 rgb(12,63,81)
```
#0f4c63
```
#0f4c63 rgb(15,76,99)
```
#125974
```
#125974 rgb(18,89,116)
```
#146685
```
#146685 rgb(20,102,133)
```
#177396
```
#177396 rgb(23,115,150)
```
#1980a7
```
#1980a7 rgb(25,128,167)
```
#1c8db8
```
#1c8db8 rgb(28,141,184)
```
#1e9ac9
```
#1e9ac9 rgb(30,154,201)
```
#21a8da
```
#21a8da rgb(33,168,218)
```

Shade Color Variation

#2fafdf
```
#2fafdf rgb(47,175,223)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#51bde5
```
#51bde5 rgb(81,189,229)
```
#62c3e7
```
#62c3e7 rgb(98,195,231)
```
#73caea
```
#73caea rgb(115,202,234)
```
#84d0ec
```
#84d0ec rgb(132,208,236)
```
#95d7ef
```
#95d7ef rgb(149,215,239)
```
#a6ddf2
```
#a6ddf2 rgb(166,221,242)
```
#b7e4f4
```
#b7e4f4 rgb(183,228,244)
```
#c8eaf7
```
#c8eaf7 rgb(200,234,247)
```
#d9f1f9
```
#d9f1f9 rgb(217,241,249)
```
#eaf7fc
```
#eaf7fc rgb(234,247,252)
```
#fbfefe
```
#fbfefe rgb(251,254,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 #27c2fb is the most saturated one.

#8c9396
```
#8c9396 rgb(140,147,150)
```
#84979e
```
#84979e rgb(132,151,158)
```
#7b9ba7
```
#7b9ba7 rgb(123,155,167)
```
#739faf
```
#739faf rgb(115,159,175)
```
#6aa3b8
```
#6aa3b8 rgb(106,163,184)
```
#62a7c0
```
#62a7c0 rgb(98,167,192)
```
#59aac9
```
#59aac9 rgb(89,170,201)
```
#51aed1
```
#51aed1 rgb(81,174,209)
```
#48b2da
```
#48b2da rgb(72,178,218)
```
#40b6e2
```
#40b6e2 rgb(64,182,226)
```
#38baea
```
#38baea rgb(56,186,234)
```
#2fbef3
```
#2fbef3 rgb(47,190,243)
```
#27c2fb
```
#27c2fb rgb(39,194,251)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#869ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1acda Protanopia 1% of men
#9aace8 Deuteranopia 1% of men
#32becc Tritanopia 0.001% of the population

Trichromacy

#7eafdd Protanomaly 1% of men, 0.01% of women
#79afe6 Deuteranomaly 6% of men, 0.4% of women
#37bbd4 Tritanomaly 0.01% of the population

#40b6e2 hex color

#40b6e2 Color Information

#40b6e2 Color Conversion

Color Schemes with #40b6e2

Alternatives to #40b6e2

#40b6e2 Preview

Shades and Tints of #40b6e2

Tones of #40b6e2

Color Blindness Simulator