#40a4c5 hex color

In a RGB color space, hex #40a4c5 is composed of 25.1% red, 64.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 16.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 194.9 degrees, a saturation of 53.4% and a lightness of 51.2%. #40a4c5 color hex could be obtained by blending #80ffff with #00498b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 64
- B 77
RGB color chart
- C 68
- M 17
- Y 0
- K 23
CMYK color chart

● #40a4c5 color description : Moderate cyan.

The hexadecimal color #40a4c5 has RGB values of R:64, G:164, B:197 and CMYK values of C:0.68, M:0.17, Y:0, K:0.23. Its decimal value is 4236485.

Hex triplet	40a4c5	`#40a4c5`
RGB Decimal	64, 164, 197	`rgb(64,164,197)`
RGB Percent	25.1, 64.3, 77.3	`rgb(25.1%,64.3%,77.3%)`
CMYK	68, 17, 0, 23
HSL	194.9°, 53.4, 51.2	`hsl(194.9,53.4%,51.2%)`
HSV (or HSB)	194.9°, 67.5, 77.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.069, -18.482, -25.418
XYZ	25.465, 31.67, 57.591
xyY	0.222, 0.276, 31.67
CIE-LCH	63.069, 31.427, 233.979
CIE-LUV	63.069, -38.168, -36.892
Hunter-Lab	56.276, -17.711, -21.282
Binary	01000000, 10100100, 11000101

#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#c56140
```
#c56140 rgb(197,97,64)
```

Complementary Color

#40c5a4
```
#40c5a4 rgb(64,197,164)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#4062c5
```
#4062c5 rgb(64,98,197)
```

Analogous Color

#c5a440
```
#c5a440 rgb(197,164,64)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#c54062
```
#c54062 rgb(197,64,98)
```

Split Complementary Color

#a4c540
```
#a4c540 rgb(164,197,64)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#c540a4
```
#c540a4 rgb(197,64,164)
```

Triadic Color

#40c561
```
#40c561 rgb(64,197,97)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#c540a4
```
#c540a4 rgb(197,64,164)
```
#c56140
```
#c56140 rgb(197,97,64)
```

Tetradic Color

#2b758e
```
#2b758e rgb(43,117,142)
```
#3185a1
```
#3185a1 rgb(49,133,161)
```
#3795b5
```
#3795b5 rgb(55,149,181)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#54adcb
```
#54adcb rgb(84,173,203)
```
#67b7d1
```
#67b7d1 rgb(103,183,209)
```
#7bc0d7
```
#7bc0d7 rgb(123,192,215)
```

Monochromatic Color

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

#40c5c5
```
#40c5c5 rgb(64,197,197)
```
#40bac5
```
#40bac5 rgb(64,186,197)
```
#40afc5
```
#40afc5 rgb(64,175,197)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#4099c5
```
#4099c5 rgb(64,153,197)
```
#408ec5
```
#408ec5 rgb(64,142,197)
```
#4083c5
```
#4083c5 rgb(64,131,197)
```

Similar Colors

Text with hexadecimal color #40a4c5

This text has a font color of #40a4c5.

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

#40a4c5 background color

This paragraph has a background color of #40a4c5.

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

#40a4c5 border color

This element has a border color of #40a4c5.

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

CSS codes

.text {color:#40a4c5;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#061014
```
#061014 rgb(6,16,20)
```
#0b1d23
```
#0b1d23 rgb(11,29,35)
```
#0f2932
```
#0f2932 rgb(15,41,50)
```
#143641
```
#143641 rgb(20,54,65)
```
#184250
```
#184250 rgb(24,66,80)
```
#1d4e5f
```
#1d4e5f rgb(29,78,95)
```
#215b6e
```
#215b6e rgb(33,91,110)
```
#26677d
```
#26677d rgb(38,103,125)
```
#2b748c
```
#2b748c rgb(43,116,140)
```
#2f809b
```
#2f809b rgb(47,128,155)
```
#348daa
```
#348daa rgb(52,141,170)
```
#3899b9
```
#3899b9 rgb(56,153,185)
```

Shade Color Variation

#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#4fabca
```
#4fabca rgb(79,171,202)
```
#5eb2ce
```
#5eb2ce rgb(94,178,206)
```
#6dbad3
```
#6dbad3 rgb(109,186,211)
```
#7cc1d7
```
#7cc1d7 rgb(124,193,215)
```
#8bc8dc
```
#8bc8dc rgb(139,200,220)
```
#9acfe0
```
#9acfe0 rgb(154,207,224)
```
#a9d6e5
```
#a9d6e5 rgb(169,214,229)
```
#b8ddea
```
#b8ddea rgb(184,221,234)
```
#c7e5ee
```
#c7e5ee rgb(199,229,238)
```
#d6ecf3
```
#d6ecf3 rgb(214,236,243)
```
#e6f3f7
```
#e6f3f7 rgb(230,243,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79878c is the less saturated color, while #07c1fe is the most saturated one.

#79878c
```
#79878c rgb(121,135,140)
```
#708c95
```
#708c95 rgb(112,140,149)
```
#66919f
```
#66919f rgb(102,145,159)
```
#5d96a8
```
#5d96a8 rgb(93,150,168)
```
#539ab2
```
#539ab2 rgb(83,154,178)
```
#4a9fbb
```
#4a9fbb rgb(74,159,187)
```
#40a4c5
```
#40a4c5 rgb(64,164,197)
```
#36a9cf
```
#36a9cf rgb(54,169,207)
```
#2daed8
```
#2daed8 rgb(45,174,216)
```
#23b2e2
```
#23b2e2 rgb(35,178,226)
```
#1ab7eb
```
#1ab7eb rgb(26,183,235)
```
#10bcf5
```
#10bcf5 rgb(16,188,245)
```
#07c1fe
```
#07c1fe rgb(7,193,254)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7b8f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949cc0 Protanopia 1% of men
#909bcd Deuteranopia 1% of men
#3eabb8 Tritanopia 0.001% of the population

Trichromacy

#769fc1 Protanomaly 1% of men, 0.01% of women
#739eca Deuteranomaly 6% of men, 0.4% of women
#3ea8bc Tritanomaly 0.01% of the population

#40a4c5 hex color

#40a4c5 Color Information

#40a4c5 Color Conversion

Color Schemes with #40a4c5

Alternatives to #40a4c5

#40a4c5 Preview

Shades and Tints of #40a4c5

Tones of #40a4c5

Color Blindness Simulator