#40c7e2 hex color

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

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

● #40c7e2 color description : Bright cyan.

The hexadecimal color #40c7e2 has RGB values of R:64, G:199, B:226 and CMYK values of C:0.72, M:0.12, Y:0, K:0.11. Its decimal value is 4245474.

Hex triplet	40c7e2	`#40c7e2`
RGB Decimal	64, 199, 226	`rgb(64,199,226)`
RGB Percent	25.1, 78, 88.6	`rgb(25.1%,78%,88.6%)`
CMYK	72, 12, 0, 11
HSL	190°, 73.6, 56.9	`hsl(190,73.6%,56.9%)`
HSV (or HSB)	190°, 71.7, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.461, -27.279, -23.893
XYZ	36.261, 47.425, 79.19
xyY	0.223, 0.291, 47.425
CIE-LCH	74.461, 36.263, 221.214
CIE-LUV	74.461, -48.995, -33.98
Hunter-Lab	68.866, -26.525, -19.973
Binary	01000000, 11000111, 11100010

#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#e25b40
```
#e25b40 rgb(226,91,64)
```

Complementary Color

#40e2ac
```
#40e2ac rgb(64,226,172)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#4076e2
```
#4076e2 rgb(64,118,226)
```

Analogous Color

#e2ac40
```
#e2ac40 rgb(226,172,64)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#e24076
```
#e24076 rgb(226,64,118)
```

Split Complementary Color

#c7e240
```
#c7e240 rgb(199,226,64)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#e240c7
```
#e240c7 rgb(226,64,199)
```

Triadic Color

#40e25b
```
#40e25b rgb(64,226,91)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#e240c7
```
#e240c7 rgb(226,64,199)
```
#e25b40
```
#e25b40 rgb(226,91,64)
```

Tetradic Color

#1c9fb9
```
#1c9fb9 rgb(28,159,185)
```
#20b2cf
```
#20b2cf rgb(32,178,207)
```
#2ac1df
```
#2ac1df rgb(42,193,223)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#56cde5
```
#56cde5 rgb(86,205,229)
```
#6cd4e9
```
#6cd4e9 rgb(108,212,233)
```
#82daec
```
#82daec rgb(130,218,236)
```

Monochromatic Color

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

#40e2d5
```
#40e2d5 rgb(64,226,213)
```
#40e2e2
```
#40e2e2 rgb(64,226,226)
```
#40d5e2
```
#40d5e2 rgb(64,213,226)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#40bae2
```
#40bae2 rgb(64,186,226)
```
#40ace2
```
#40ace2 rgb(64,172,226)
```
#409fe2
```
#409fe2 rgb(64,159,226)
```

Similar Colors

Text with hexadecimal color #40c7e2

This text has a font color of #40c7e2.

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

#40c7e2 background color

This paragraph has a background color of #40c7e2.

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

#40c7e2 border color

This element has a border color of #40c7e2.

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

CSS codes

.text {color:#40c7e2;}

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

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

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

#020b0d
```
#020b0d rgb(2,11,13)
```
#051a1e
```
#051a1e rgb(5,26,30)
```
#07292f
```
#07292f rgb(7,41,47)
```
#0a3740
```
#0a3740 rgb(10,55,64)
```
#0c4651
```
#0c4651 rgb(12,70,81)
```
#0f5563
```
#0f5563 rgb(15,85,99)
```
#126374
```
#126374 rgb(18,99,116)
```
#147285
```
#147285 rgb(20,114,133)
```
#178096
```
#178096 rgb(23,128,150)
```
#198fa7
```
#198fa7 rgb(25,143,167)
```
#1c9eb8
```
#1c9eb8 rgb(28,158,184)
```
#1eacc9
```
#1eacc9 rgb(30,172,201)
```
#21bbda
```
#21bbda rgb(33,187,218)
```

Shade Color Variation

#2fc2df
```
#2fc2df rgb(47,194,223)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#51cce5
```
#51cce5 rgb(81,204,229)
```
#62d1e7
```
#62d1e7 rgb(98,209,231)
```
#73d6ea
```
#73d6ea rgb(115,214,234)
```
#84dbec
```
#84dbec rgb(132,219,236)
```
#95e0ef
```
#95e0ef rgb(149,224,239)
```
#a6e5f2
```
#a6e5f2 rgb(166,229,242)
```
#b7eaf4
```
#b7eaf4 rgb(183,234,244)
```
#c8eff7
```
#c8eff7 rgb(200,239,247)
```
#d9f4f9
```
#d9f4f9 rgb(217,244,249)
```
#eaf9fc
```
#eaf9fc rgb(234,249,252)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#8c9496
```
#8c9496 rgb(140,148,150)
```
#849a9e
```
#849a9e rgb(132,154,158)
```
#7ba0a7
```
#7ba0a7 rgb(123,160,167)
```
#73a5af
```
#73a5af rgb(115,165,175)
```
#6aabb8
```
#6aabb8 rgb(106,171,184)
```
#62b0c0
```
#62b0c0 rgb(98,176,192)
```
#59b6c9
```
#59b6c9 rgb(89,182,201)
```
#51bcd1
```
#51bcd1 rgb(81,188,209)
```
#48c1da
```
#48c1da rgb(72,193,218)
```
#40c7e2
```
#40c7e2 rgb(64,199,226)
```
#38cdea
```
#38cdea rgb(56,205,234)
```
#2fd2f3
```
#2fd2f3 rgb(47,210,243)
```
#27d8fb
```
#27d8fb rgb(39,216,251)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8ea9af Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b9d9 Protanopia 1% of men
#b1b7ea Deuteranopia 1% of men
#41cbda Tritanopia 0.001% of the population

Trichromacy

#89bedc Protanomaly 1% of men, 0.01% of women
#88bde7 Deuteranomaly 6% of men, 0.4% of women
#41c9dd Tritanomaly 0.01% of the population

#40c7e2 hex color

#40c7e2 Color Information

#40c7e2 Color Conversion

Color Schemes with #40c7e2

Alternatives to #40c7e2

#40c7e2 Preview

Shades and Tints of #40c7e2

Tones of #40c7e2

Color Blindness Simulator