#40a7c6 hex color

In a RGB color space, hex #40a7c6 is composed of 25.1% red, 65.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 15.7% magenta, 0% yellow and 22.4% black. It has a hue angle of 193.9 degrees, a saturation of 54% and a lightness of 51.4%. #40a7c6 color hex could be obtained by blending #80ffff with #004f8d. Closest websafe color is: #3399cc.

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

● #40a7c6 color description : Moderate cyan.

The hexadecimal color #40a7c6 has RGB values of R:64, G:167, B:198 and CMYK values of C:0.68, M:0.16, Y:0, K:0.22. Its decimal value is 4237254.

Hex triplet	40a7c6	`#40a7c6`
RGB Decimal	64, 167, 198	`rgb(64,167,198)`
RGB Percent	25.1, 65.5, 77.6	`rgb(25.1%,65.5%,77.6%)`
CMYK	68, 16, 0, 22
HSL	193.9°, 54, 51.4	`hsl(193.9,54%,51.4%)`
HSV (or HSB)	193.9°, 67.7, 77.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.001, -19.743, -24.545
XYZ	26.123, 32.802, 58.378
xyY	0.223, 0.28, 32.802
CIE-LCH	64.001, 31.5, 231.188
CIE-LUV	64.001, -39.204, -35.369
Hunter-Lab	57.273, -18.812, -20.342
Binary	01000000, 10100111, 11000110

#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#c65f40
```
#c65f40 rgb(198,95,64)
```

Complementary Color

#40c6a2
```
#40c6a2 rgb(64,198,162)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#4064c6
```
#4064c6 rgb(64,100,198)
```

Analogous Color

#c6a240
```
#c6a240 rgb(198,162,64)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#c64064
```
#c64064 rgb(198,64,100)
```

Split Complementary Color

#a7c640
```
#a7c640 rgb(167,198,64)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#c640a7
```
#c640a7 rgb(198,64,167)
```

Triadic Color

#40c65f
```
#40c65f rgb(64,198,95)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#c640a7
```
#c640a7 rgb(198,64,167)
```
#c65f40
```
#c65f40 rgb(198,95,64)
```

Tetradic Color

#2b788f
```
#2b788f rgb(43,120,143)
```
#3088a3
```
#3088a3 rgb(48,136,163)
```
#3699b6
```
#3699b6 rgb(54,153,182)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#54b0cc
```
#54b0cc rgb(84,176,204)
```
#67b9d2
```
#67b9d2 rgb(103,185,210)
```
#7bc2d8
```
#7bc2d8 rgb(123,194,216)
```

Monochromatic Color

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

#40c6c4
```
#40c6c4 rgb(64,198,196)
```
#40bdc6
```
#40bdc6 rgb(64,189,198)
```
#40b2c6
```
#40b2c6 rgb(64,178,198)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#409cc6
```
#409cc6 rgb(64,156,198)
```
#4091c6
```
#4091c6 rgb(64,145,198)
```
#4086c6
```
#4086c6 rgb(64,134,198)
```

Similar Colors

Text with hexadecimal color #40a7c6

This text has a font color of #40a7c6.

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

#40a7c6 background color

This paragraph has a background color of #40a7c6.

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

#40a7c6 border color

This element has a border color of #40a7c6.

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

CSS codes

.text {color:#40a7c6;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0b1e24
```
#0b1e24 rgb(11,30,36)
```
#0f2a33
```
#0f2a33 rgb(15,42,51)
```
#143742
```
#143742 rgb(20,55,66)
```
#184451
```
#184451 rgb(24,68,81)
```
#1d5060
```
#1d5060 rgb(29,80,96)
```
#215d6f
```
#215d6f rgb(33,93,111)
```
#266a7e
```
#266a7e rgb(38,106,126)
```
#2a768d
```
#2a768d rgb(42,118,141)
```
#2f839c
```
#2f839c rgb(47,131,156)
```
#3390ac
```
#3390ac rgb(51,144,172)
```
#389cbb
```
#389cbb rgb(56,156,187)
```

Shade Color Variation

#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#4faecb
```
#4faecb rgb(79,174,203)
```
#5eb5cf
```
#5eb5cf rgb(94,181,207)
```
#6dbcd4
```
#6dbcd4 rgb(109,188,212)
```
#7cc3d8
```
#7cc3d8 rgb(124,195,216)
```
#8ccadd
```
#8ccadd rgb(140,202,221)
```
#9bd1e1
```
#9bd1e1 rgb(155,209,225)
```
#aad8e6
```
#aad8e6 rgb(170,216,230)
```
#b9dfea
```
#b9dfea rgb(185,223,234)
```
#c8e6ef
```
#c8e6ef rgb(200,230,239)
```
#d7edf3
```
#d7edf3 rgb(215,237,243)
```
#e6f4f8
```
#e6f4f8 rgb(230,244,248)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#838383
```
#838383 rgb(131,131,131)
```
#79888d
```
#79888d rgb(121,136,141)
```
#708d96
```
#708d96 rgb(112,141,150)
```
#6692a0
```
#6692a0 rgb(102,146,160)
```
#5d98a9
```
#5d98a9 rgb(93,152,169)
```
#539db3
```
#539db3 rgb(83,157,179)
```
#4aa2bc
```
#4aa2bc rgb(74,162,188)
```
#40a7c6
```
#40a7c6 rgb(64,167,198)
```
#36acd0
```
#36acd0 rgb(54,172,208)
```
#2db1d9
```
#2db1d9 rgb(45,177,217)
```
#23b6e3
```
#23b6e3 rgb(35,182,227)
```
#1abcec
```
#1abcec rgb(26,188,236)
```
#10c1f6
```
#10c1f6 rgb(16,193,246)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7d9198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989ec0 Protanopia 1% of men
#949dce Deuteranopia 1% of men
#3faeba Tritanopia 0.001% of the population

Trichromacy

#78a1c2 Protanomaly 1% of men, 0.01% of women
#75a1cb Deuteranomaly 6% of men, 0.4% of women
#3fabbe Tritanomaly 0.01% of the population

#40a7c6 hex color

#40a7c6 Color Information

#40a7c6 Color Conversion

Color Schemes with #40a7c6

Alternatives to #40a7c6

#40a7c6 Preview

Shades and Tints of #40a7c6

Tones of #40a7c6

Color Blindness Simulator