#40bac7 hex color

In a RGB color space, hex #40bac7 is composed of 25.1% red, 72.9% green and 78% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 6.5% magenta, 0% yellow and 22% black. It has a hue angle of 185.8 degrees, a saturation of 54.7% and a lightness of 51.6%. #40bac7 color hex could be obtained by blending #80ffff with #00758f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 25
- G 73
- B 78
RGB color chart
- C 68
- M 7
- Y 0
- K 22
CMYK color chart

● #40bac7 color description : Moderate cyan.

The hexadecimal color #40bac7 has RGB values of R:64, G:186, B:199 and CMYK values of C:0.68, M:0.07, Y:0, K:0.22. Its decimal value is 4242119.

Hex triplet	40bac7	`#40bac7`
RGB Decimal	64, 186, 199	`rgb(64,186,199)`
RGB Percent	25.1, 72.9, 78	`rgb(25.1%,72.9%,78%)`
CMYK	68, 7, 0, 22
HSL	185.8°, 54.7, 51.6	`hsl(185.8,54.7%,51.6%)`
HSV (or HSB)	185.8°, 67.8, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.703, -29.056, -16.417
XYZ	29.979, 40.329, 60.234
xyY	0.23, 0.309, 40.329
CIE-LCH	69.703, 33.374, 209.468
CIE-LUV	69.703, -46.044, -21.133
Hunter-Lab	63.505, -26.868, -11.783
Binary	01000000, 10111010, 11000111

#40bac7
```
#40bac7 rgb(64,186,199)
```
#c74d40
```
#c74d40 rgb(199,77,64)
```

Complementary Color

#40c791
```
#40c791 rgb(64,199,145)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#4077c7
```
#4077c7 rgb(64,119,199)
```

Analogous Color

#c79140
```
#c79140 rgb(199,145,64)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#c74077
```
#c74077 rgb(199,64,119)
```

Split Complementary Color

#bac740
```
#bac740 rgb(186,199,64)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#c740ba
```
#c740ba rgb(199,64,186)
```

Triadic Color

#40c74d
```
#40c74d rgb(64,199,77)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#c740ba
```
#c740ba rgb(199,64,186)
```
#c74d40
```
#c74d40 rgb(199,77,64)
```

Tetradic Color

#2a8690
```
#2a8690 rgb(42,134,144)
```
#3099a4
```
#3099a4 rgb(48,153,164)
```
#36abb8
```
#36abb8 rgb(54,171,184)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#54c1cd
```
#54c1cd rgb(84,193,205)
```
#67c8d3
```
#67c8d3 rgb(103,200,211)
```
#7bcfd8
```
#7bcfd8 rgb(123,207,216)
```

Monochromatic Color

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

#40c7b2
```
#40c7b2 rgb(64,199,178)
```
#40c7be
```
#40c7be rgb(64,199,190)
```
#40c5c7
```
#40c5c7 rgb(64,197,199)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#40afc7
```
#40afc7 rgb(64,175,199)
```
#40a4c7
```
#40a4c7 rgb(64,164,199)
```
#4098c7
```
#4098c7 rgb(64,152,199)
```

Similar Colors

Text with hexadecimal color #40bac7

This text has a font color of #40bac7.

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

#40bac7 background color

This paragraph has a background color of #40bac7.

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

#40bac7 border color

This element has a border color of #40bac7.

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

CSS codes

.text {color:#40bac7;}

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

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

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, #020606 is the darkest color, while #f6fcfc is the lightest one.

#020606
```
#020606 rgb(2,6,6)
```
#061415
```
#061415 rgb(6,20,21)
```
#0b2225
```
#0b2225 rgb(11,34,37)
```
#0f3034
```
#0f3034 rgb(15,48,52)
```
#143e43
```
#143e43 rgb(20,62,67)
```
#184c52
```
#184c52 rgb(24,76,82)
```
#1c5b61
```
#1c5b61 rgb(28,91,97)
```
#216970
```
#216970 rgb(33,105,112)
```
#257780
```
#257780 rgb(37,119,128)
```
#2a858f
```
#2a858f rgb(42,133,143)
```
#2e939e
```
#2e939e rgb(46,147,158)
```
#33a1ad
```
#33a1ad rgb(51,161,173)
```
#37afbc
```
#37afbc rgb(55,175,188)
```

Shade Color Variation

#40bac7
```
#40bac7 rgb(64,186,199)
```
#4fbfcb
```
#4fbfcb rgb(79,191,203)
```
#5ec5d0
```
#5ec5d0 rgb(94,197,208)
```
#6ecad4
```
#6ecad4 rgb(110,202,212)
```
#7dd0d9
```
#7dd0d9 rgb(125,208,217)
```
#8cd5dd
```
#8cd5dd rgb(140,213,221)
```
#9bdbe2
```
#9bdbe2 rgb(155,219,226)
```
#aae0e6
```
#aae0e6 rgb(170,224,230)
```
#b9e6eb
```
#b9e6eb rgb(185,230,235)
```
#c9ebef
```
#c9ebef rgb(201,235,239)
```
#d8f1f3
```
#d8f1f3 rgb(216,241,243)
```
#e7f6f8
```
#e7f6f8 rgb(231,246,248)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838485 is the less saturated color, while #10e0f7 is the most saturated one.

#838485
```
#838485 rgb(131,132,133)
```
#798c8e
```
#798c8e rgb(121,140,142)
```
#709498
```
#709498 rgb(112,148,152)
```
#669ba1
```
#669ba1 rgb(102,155,161)
```
#5da3ab
```
#5da3ab rgb(93,163,171)
```
#53abb4
```
#53abb4 rgb(83,171,180)
```
#4ab2be
```
#4ab2be rgb(74,178,190)
```
#40bac7
```
#40bac7 rgb(64,186,199)
```
#37c2d1
```
#37c2d1 rgb(55,194,209)
```
#2dc9da
```
#2dc9da rgb(45,201,218)
```
#24d1e4
```
#24d1e4 rgb(36,209,228)
```
#1ad9ed
```
#1ad9ed rgb(26,217,237)
```
#10e0f7
```
#10e0f7 rgb(16,224,247)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#869ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acadc0 Protanopia 1% of men
#acabd0 Deuteranopia 1% of men
#4abdcb Tritanopia 0.001% of the population

Trichromacy

#84b2c2 Protanomaly 1% of men, 0.01% of women
#85b0cd Deuteranomaly 6% of men, 0.4% of women
#46bcc9 Tritanomaly 0.01% of the population

#40bac7 hex color

#40bac7 Color Information

#40bac7 Color Conversion

Color Schemes with #40bac7

Alternatives to #40bac7

#40bac7 Preview

Shades and Tints of #40bac7

Tones of #40bac7

Color Blindness Simulator