#40bde0 hex color

In a RGB color space, hex #40bde0 is composed of 25.1% red, 74.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 15.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 193.1 degrees, a saturation of 72.1% and a lightness of 56.5%. #40bde0 color hex could be obtained by blending #80ffff with #007bc1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 25
- G 74
- B 88
RGB color chart
- C 71
- M 16
- Y 0
- K 12
CMYK color chart

● #40bde0 color description : Bright cyan.

The hexadecimal color #40bde0 has RGB values of R:64, G:189, B:224 and CMYK values of C:0.71, M:0.16, Y:0, K:0.12. Its decimal value is 4242912.

Hex triplet	40bde0	`#40bde0`
RGB Decimal	64, 189, 224	`rgb(64,189,224)`
RGB Percent	25.1, 74.1, 87.8	`rgb(25.1%,74.1%,87.8%)`
CMYK	71, 16, 0, 12
HSL	193.1°, 72.1, 56.5	`hsl(193.1,72.1%,56.5%)`
HSV (or HSB)	193.1°, 71.4, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.463, -22.885, -27.397
XYZ	33.763, 42.864, 77.011
xyY	0.22, 0.279, 42.864
CIE-LCH	71.463, 35.698, 230.128
CIE-LUV	71.463, -45.582, -40.281
Hunter-Lab	65.471, -22.522, -23.912
Binary	01000000, 10111101, 11100000

#40bde0
```
#40bde0 rgb(64,189,224)
```
#e06340
```
#e06340 rgb(224,99,64)
```

Complementary Color

#40e0b3
```
#40e0b3 rgb(64,224,179)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#406de0
```
#406de0 rgb(64,109,224)
```

Analogous Color

#e0b340
```
#e0b340 rgb(224,179,64)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#e0406d
```
#e0406d rgb(224,64,109)
```

Split Complementary Color

#bde040
```
#bde040 rgb(189,224,64)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#e040bd
```
#e040bd rgb(224,64,189)
```

Triadic Color

#40e063
```
#40e063 rgb(64,224,99)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#e040bd
```
#e040bd rgb(224,64,189)
```
#e06340
```
#e06340 rgb(224,99,64)
```

Tetradic Color

#1e95b6
```
#1e95b6 rgb(30,149,182)
```
#21a7cc
```
#21a7cc rgb(33,167,204)
```
#2ab5dc
```
#2ab5dc rgb(42,181,220)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#56c5e4
```
#56c5e4 rgb(86,197,228)
```
#6ccce7
```
#6ccce7 rgb(108,204,231)
```
#82d4eb
```
#82d4eb rgb(130,212,235)
```

Monochromatic Color

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

#40e0db
```
#40e0db rgb(64,224,219)
```
#40d8e0
```
#40d8e0 rgb(64,216,224)
```
#40cae0
```
#40cae0 rgb(64,202,224)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#40b0e0
```
#40b0e0 rgb(64,176,224)
```
#40a2e0
```
#40a2e0 rgb(64,162,224)
```
#4095e0
```
#4095e0 rgb(64,149,224)
```

Similar Colors

Text with hexadecimal color #40bde0

This text has a font color of #40bde0.

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

#40bde0 background color

This paragraph has a background color of #40bde0.

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

#40bde0 border color

This element has a border color of #40bde0.

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

CSS codes

.text {color:#40bde0;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#05171c
```
#05171c rgb(5,23,28)
```
#07252d
```
#07252d rgb(7,37,45)
```
#0a333e
```
#0a333e rgb(10,51,62)
```
#0d414f
```
#0d414f rgb(13,65,79)
```
#104e60
```
#104e60 rgb(16,78,96)
```
#125c71
```
#125c71 rgb(18,92,113)
```
#156a82
```
#156a82 rgb(21,106,130)
```
#187893
```
#187893 rgb(24,120,147)
```
#1b85a3
```
#1b85a3 rgb(27,133,163)
```
#1d93b4
```
#1d93b4 rgb(29,147,180)
```
#20a1c5
```
#20a1c5 rgb(32,161,197)
```
#23afd6
```
#23afd6 rgb(35,175,214)
```

Shade Color Variation

#2fb7dd
```
#2fb7dd rgb(47,183,221)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#51c3e3
```
#51c3e3 rgb(81,195,227)
```
#62c9e5
```
#62c9e5 rgb(98,201,229)
```
#73cee8
```
#73cee8 rgb(115,206,232)
```
#84d4eb
```
#84d4eb rgb(132,212,235)
```
#94daee
```
#94daee rgb(148,218,238)
```
#a5e0f0
```
#a5e0f0 rgb(165,224,240)
```
#b6e6f3
```
#b6e6f3 rgb(182,230,243)
```
#c7ecf6
```
#c7ecf6 rgb(199,236,246)
```
#d8f1f9
```
#d8f1f9 rgb(216,241,249)
```
#e9f7fb
```
#e9f7fb rgb(233,247,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#8d9293
```
#8d9293 rgb(141,146,147)
```
#84979c
```
#84979c rgb(132,151,156)
```
#7c9ba4
```
#7c9ba4 rgb(124,155,164)
```
#73a0ad
```
#73a0ad rgb(115,160,173)
```
#6ba5b5
```
#6ba5b5 rgb(107,165,181)
```
#62aabe
```
#62aabe rgb(98,170,190)
```
#5aafc6
```
#5aafc6 rgb(90,175,198)
```
#51b3cf
```
#51b3cf rgb(81,179,207)
```
#49b8d7
```
#49b8d7 rgb(73,184,215)
```
#40bde0
```
#40bde0 rgb(64,189,224)
```
#37c2e9
```
#37c2e9 rgb(55,194,233)
```
#2fc7f1
```
#2fc7f1 rgb(47,199,241)
```
#26cbfa
```
#26cbfa rgb(38,203,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8aa3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b1d8 Protanopia 1% of men
#a5b0e7 Deuteranopia 1% of men
#3bc3d1 Tritanopia 0.001% of the population

Trichromacy

#83b5da Protanomaly 1% of men, 0.01% of women
#80b5e4 Deuteranomaly 6% of men, 0.4% of women
#3cc1d6 Tritanomaly 0.01% of the population

#40bde0 hex color

#40bde0 Color Information

#40bde0 Color Conversion

Color Schemes with #40bde0

Alternatives to #40bde0

#40bde0 Preview

Shades and Tints of #40bde0

Tones of #40bde0

Color Blindness Simulator