#40bddf hex color

In a RGB color space, hex #40bddf is composed of 25.1% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 192.8 degrees, a saturation of 71.3% and a lightness of 56.3%. #40bddf color hex could be obtained by blending #80ffff with #007bbf. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 25
- G 74
- B 87
RGB color chart
- C 71
- M 15
- Y 0
- K 13
CMYK color chart

● #40bddf color description : Bright cyan.

The hexadecimal color #40bddf has RGB values of R:64, G:189, B:223 and CMYK values of C:0.71, M:0.15, Y:0, K:0.13. Its decimal value is 4242911.

Hex triplet	40bddf	`#40bddf`
RGB Decimal	64, 189, 223	`rgb(64,189,223)`
RGB Percent	25.1, 74.1, 87.5	`rgb(25.1%,74.1%,87.5%)`
CMYK	71, 15, 0, 13
HSL	192.8°, 71.3, 56.3	`hsl(192.8,71.3%,56.3%)`
HSV (or HSB)	192.8°, 71.3, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.426, -23.2, -26.909
XYZ	33.628, 42.81, 76.299
xyY	0.22, 0.28, 42.81
CIE-LCH	71.426, 35.529, 229.234
CIE-LUV	71.426, -45.643, -39.415
Hunter-Lab	65.429, -22.761, -23.339
Binary	01000000, 10111101, 11011111

#40bddf
```
#40bddf rgb(64,189,223)
```
#df6240
```
#df6240 rgb(223,98,64)
```

Complementary Color

#40dfb2
```
#40dfb2 rgb(64,223,178)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#406edf
```
#406edf rgb(64,110,223)
```

Analogous Color

#dfb240
```
#dfb240 rgb(223,178,64)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#df406e
```
#df406e rgb(223,64,110)
```

Split Complementary Color

#bddf40
```
#bddf40 rgb(189,223,64)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#df40bd
```
#df40bd rgb(223,64,189)
```

Triadic Color

#40df62
```
#40df62 rgb(64,223,98)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#df40bd
```
#df40bd rgb(223,64,189)
```
#df6240
```
#df6240 rgb(223,98,64)
```

Tetradic Color

#1e94b4
```
#1e94b4 rgb(30,148,180)
```
#22a6ca
```
#22a6ca rgb(34,166,202)
```
#2ab5db
```
#2ab5db rgb(42,181,219)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#56c5e3
```
#56c5e3 rgb(86,197,227)
```
#6ccce6
```
#6ccce6 rgb(108,204,230)
```
#82d4ea
```
#82d4ea rgb(130,212,234)
```

Monochromatic Color

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

#40dfd9
```
#40dfd9 rgb(64,223,217)
```
#40d8df
```
#40d8df rgb(64,216,223)
```
#40cadf
```
#40cadf rgb(64,202,223)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#40b0df
```
#40b0df rgb(64,176,223)
```
#40a3df
```
#40a3df rgb(64,163,223)
```
#4095df
```
#4095df rgb(64,149,223)
```

Similar Colors

Text with hexadecimal color #40bddf

This text has a font color of #40bddf.

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

#40bddf background color

This paragraph has a background color of #40bddf.

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

#40bddf border color

This element has a border color of #40bddf.

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

CSS codes

.text {color:#40bddf;}

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

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

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

#02090b
```
#02090b rgb(2,9,11)
```
#05171b
```
#05171b rgb(5,23,27)
```
#07242c
```
#07242c rgb(7,36,44)
```
#0a323d
```
#0a323d rgb(10,50,61)
```
#0d404e
```
#0d404e rgb(13,64,78)
```
#104e5f
```
#104e5f rgb(16,78,95)
```
#135c6f
```
#135c6f rgb(19,92,111)
```
#156980
```
#156980 rgb(21,105,128)
```
#187791
```
#187791 rgb(24,119,145)
```
#1b85a2
```
#1b85a2 rgb(27,133,162)
```
#1e93b3
```
#1e93b3 rgb(30,147,179)
```
#21a1c3
```
#21a1c3 rgb(33,161,195)
```
#24aed4
```
#24aed4 rgb(36,174,212)
```

Shade Color Variation

#2fb7dc
```
#2fb7dc rgb(47,183,220)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#51c3e2
```
#51c3e2 rgb(81,195,226)
```
#62c9e5
```
#62c9e5 rgb(98,201,229)
```
#72cee7
```
#72cee7 rgb(114,206,231)
```
#83d4ea
```
#83d4ea rgb(131,212,234)
```
#94daed
```
#94daed rgb(148,218,237)
```
#a5e0f0
```
#a5e0f0 rgb(165,224,240)
```
#b6e6f3
```
#b6e6f3 rgb(182,230,243)
```
#c6ebf6
```
#c6ebf6 rgb(198,235,246)
```
#d7f1f8
```
#d7f1f8 rgb(215,241,248)
```
#e8f7fb
```
#e8f7fb rgb(232,247,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#8d9192
```
#8d9192 rgb(141,145,146)
```
#85969a
```
#85969a rgb(133,150,154)
```
#7c9ba3
```
#7c9ba3 rgb(124,155,163)
```
#73a0ac
```
#73a0ac rgb(115,160,172)
```
#6ba4b4
```
#6ba4b4 rgb(107,164,180)
```
#62a9bd
```
#62a9bd rgb(98,169,189)
```
#5aaec5
```
#5aaec5 rgb(90,174,197)
```
#51b3ce
```
#51b3ce rgb(81,179,206)
```
#49b8d6
```
#49b8d6 rgb(73,184,214)
```
#40bddf
```
#40bddf rgb(64,189,223)
```
#37c2e8
```
#37c2e8 rgb(55,194,232)
```
#2fc7f0
```
#2fc7f0 rgb(47,199,240)
```
#26ccf9
```
#26ccf9 rgb(38,204,249)
```

Tone Color Variation

Below, you can see how #40bddf 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
#8aa3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b1d7 Protanopia 1% of men
#a5b0e6 Deuteranopia 1% of men
#3cc3d1 Tritanopia 0.001% of the population

Trichromacy

#83b5d9 Protanomaly 1% of men, 0.01% of women
#80b5e3 Deuteranomaly 6% of men, 0.4% of women
#3dc0d6 Tritanomaly 0.01% of the population

#40bddf hex color

#40bddf Color Information

#40bddf Color Conversion

Color Schemes with #40bddf

Alternatives to #40bddf

#40bddf Preview

Shades and Tints of #40bddf

Tones of #40bddf

Color Blindness Simulator