#40a7cf hex color

In a RGB color space, hex #40a7cf is composed of 25.1% red, 65.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 19.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 196.8 degrees, a saturation of 59.8% and a lightness of 53.1%. #40a7cf color hex could be obtained by blending #80ffff with #004f9f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 65
- B 81
RGB color chart
- C 69
- M 19
- Y 0
- K 19
CMYK color chart

● #40a7cf color description : Moderate blue.

The hexadecimal color #40a7cf has RGB values of R:64, G:167, B:207 and CMYK values of C:0.69, M:0.19, Y:0, K:0.19. Its decimal value is 4237263.

Hex triplet	40a7cf	`#40a7cf`
RGB Decimal	64, 167, 207	`rgb(64,167,207)`
RGB Percent	25.1, 65.5, 81.2	`rgb(25.1%,65.5%,81.2%)`
CMYK	69, 19, 0, 19
HSL	196.8°, 59.8, 53.1	`hsl(196.8,59.8%,53.1%)`
HSV (or HSB)	196.8°, 69.1, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.347, -16.859, -29.013
XYZ	27.193, 33.23, 64.009
xyY	0.219, 0.267, 33.23
CIE-LCH	64.347, 33.556, 239.84
CIE-LUV	64.347, -38.713, -43.174
Hunter-Lab	57.646, -16.678, -25.483
Binary	01000000, 10100111, 11001111

#40a7cf
```
#40a7cf rgb(64,167,207)
```
#cf6840
```
#cf6840 rgb(207,104,64)
```

Complementary Color

#40cfb0
```
#40cfb0 rgb(64,207,176)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#4060cf
```
#4060cf rgb(64,96,207)
```

Analogous Color

#cfb040
```
#cfb040 rgb(207,176,64)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#cf4060
```
#cf4060 rgb(207,64,96)
```

Split Complementary Color

#a7cf40
```
#a7cf40 rgb(167,207,64)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#cf40a7
```
#cf40a7 rgb(207,64,167)
```

Triadic Color

#40cf68
```
#40cf68 rgb(64,207,104)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#cf40a7
```
#cf40a7 rgb(207,64,167)
```
#cf6840
```
#cf6840 rgb(207,104,64)
```

Tetradic Color

#277b9b
```
#277b9b rgb(39,123,155)
```
#2c8bb0
```
#2c8bb0 rgb(44,139,176)
```
#319bc4
```
#319bc4 rgb(49,155,196)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#54b0d4
```
#54b0d4 rgb(84,176,212)
```
#69bad9
```
#69bad9 rgb(105,186,217)
```
#7dc3de
```
#7dc3de rgb(125,195,222)
```

Monochromatic Color

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

#40cbcf
```
#40cbcf rgb(64,203,207)
```
#40bfcf
```
#40bfcf rgb(64,191,207)
```
#40b3cf
```
#40b3cf rgb(64,179,207)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#409bcf
```
#409bcf rgb(64,155,207)
```
#408fcf
```
#408fcf rgb(64,143,207)
```
#4083cf
```
#4083cf rgb(64,131,207)
```

Similar Colors

Text with hexadecimal color #40a7cf

This text has a font color of #40a7cf.

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

#40a7cf background color

This paragraph has a background color of #40a7cf.

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

#40a7cf border color

This element has a border color of #40a7cf.

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

CSS codes

.text {color:#40a7cf;}

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

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

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#07171c
```
#07171c rgb(7,23,28)
```
#0b232c
```
#0b232c rgb(11,35,44)
```
#0f2f3c
```
#0f2f3c rgb(15,47,60)
```
#133c4b
```
#133c4b rgb(19,60,75)
```
#17485b
```
#17485b rgb(23,72,91)
```
#1b546b
```
#1b546b rgb(27,84,107)
```
#1f617b
```
#1f617b rgb(31,97,123)
```
#236d8a
```
#236d8a rgb(35,109,138)
```
#277a9a
```
#277a9a rgb(39,122,154)
```
#2b86aa
```
#2b86aa rgb(43,134,170)
```
#2f92b9
```
#2f92b9 rgb(47,146,185)
```
#329fc9
```
#329fc9 rgb(50,159,201)
```

Shade Color Variation

#40a7cf
```
#40a7cf rgb(64,167,207)
```
#50aed3
```
#50aed3 rgb(80,174,211)
```
#5fb5d7
```
#5fb5d7 rgb(95,181,215)
```
#6fbddb
```
#6fbddb rgb(111,189,219)
```
#7fc4df
```
#7fc4df rgb(127,196,223)
```
#8ecbe3
```
#8ecbe3 rgb(142,203,227)
```
#9ed2e7
```
#9ed2e7 rgb(158,210,231)
```
#aedaeb
```
#aedaeb rgb(174,218,235)
```
#bde1ef
```
#bde1ef rgb(189,225,239)
```
#cde8f2
```
#cde8f2 rgb(205,232,242)
```
#ddeff6
```
#ddeff6 rgb(221,239,246)
```
#ecf6fa
```
#ecf6fa rgb(236,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808b8f is the less saturated color, while #12bbfd is the most saturated one.

#808b8f
```
#808b8f rgb(128,139,143)
```
#778f98
```
#778f98 rgb(119,143,152)
```
#6e93a1
```
#6e93a1 rgb(110,147,161)
```
#6597aa
```
#6597aa rgb(101,151,170)
```
#5c9bb3
```
#5c9bb3 rgb(92,155,179)
```
#529fbd
```
#529fbd rgb(82,159,189)
```
#49a3c6
```
#49a3c6 rgb(73,163,198)
```
#40a7cf
```
#40a7cf rgb(64,167,207)
```
#37abd8
```
#37abd8 rgb(55,171,216)
```
#2eafe1
```
#2eafe1 rgb(46,175,225)
```
#24b3eb
```
#24b3eb rgb(36,179,235)
```
#1bb7f4
```
#1bb7f4 rgb(27,183,244)
```
#12bbfd
```
#12bbfd rgb(18,187,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e929a Atypical Achromatopsia 0.001% of the population

Dichromacy

#959fc9 Protanopia 1% of men
#8f9fd6 Deuteranopia 1% of men
#38afbc Tritanopia 0.001% of the population

Trichromacy

#76a2cb Protanomaly 1% of men, 0.01% of women
#72a2d3 Deuteranomaly 6% of men, 0.4% of women
#3bacc3 Tritanomaly 0.01% of the population

#40a7cf hex color

#40a7cf Color Information

#40a7cf Color Conversion

Color Schemes with #40a7cf

Alternatives to #40a7cf

#40a7cf Preview

Shades and Tints of #40a7cf

Tones of #40a7cf

Color Blindness Simulator