#40a2ca hex color

In a RGB color space, hex #40a2ca is composed of 25.1% red, 63.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 19.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 197.4 degrees, a saturation of 56.6% and a lightness of 52.2%. #40a2ca color hex could be obtained by blending #80ffff with #004595. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 64
- B 79
RGB color chart
- C 68
- M 20
- Y 0
- K 21
CMYK color chart

● #40a2ca color description : Moderate blue.

The hexadecimal color #40a2ca has RGB values of R:64, G:162, B:202 and CMYK values of C:0.68, M:0.2, Y:0, K:0.21. Its decimal value is 4235978.

Hex triplet	40a2ca	`#40a2ca`
RGB Decimal	64, 162, 202	`rgb(64,162,202)`
RGB Percent	25.1, 63.5, 79.2	`rgb(25.1%,63.5%,79.2%)`
CMYK	68, 20, 0, 21
HSL	197.4°, 56.6, 52.2	`hsl(197.4,56.6%,52.2%)`
HSV (or HSB)	197.4°, 68.3, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.67, -15.805, -28.821
XYZ	25.693, 31.193, 60.541
xyY	0.219, 0.266, 31.193
CIE-LCH	62.67, 32.87, 241.261
CIE-LUV	62.67, -37.179, -42.821
Hunter-Lab	55.851, -15.624, -25.174
Binary	01000000, 10100010, 11001010

#40a2ca
```
#40a2ca rgb(64,162,202)
```
#ca6840
```
#ca6840 rgb(202,104,64)
```

Complementary Color

#40caad
```
#40caad rgb(64,202,173)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#405dca
```
#405dca rgb(64,93,202)
```

Analogous Color

#caad40
```
#caad40 rgb(202,173,64)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#ca405d
```
#ca405d rgb(202,64,93)
```

Split Complementary Color

#a2ca40
```
#a2ca40 rgb(162,202,64)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#ca40a2
```
#ca40a2 rgb(202,64,162)
```

Triadic Color

#40ca68
```
#40ca68 rgb(64,202,104)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#ca40a2
```
#ca40a2 rgb(202,64,162)
```
#ca6840
```
#ca6840 rgb(202,104,64)
```

Tetradic Color

#297594
```
#297594 rgb(41,117,148)
```
#2f85a8
```
#2f85a8 rgb(47,133,168)
```
#3495bc
```
#3495bc rgb(52,149,188)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#54acd0
```
#54acd0 rgb(84,172,208)
```
#68b5d5
```
#68b5d5 rgb(104,181,213)
```
#7cbfdb
```
#7cbfdb rgb(124,191,219)
```

Monochromatic Color

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

#40c5ca
```
#40c5ca rgb(64,197,202)
```
#40b9ca
```
#40b9ca rgb(64,185,202)
```
#40aeca
```
#40aeca rgb(64,174,202)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#4097ca
```
#4097ca rgb(64,151,202)
```
#408bca
```
#408bca rgb(64,139,202)
```
#4080ca
```
#4080ca rgb(64,128,202)
```

Similar Colors

Text with hexadecimal color #40a2ca

This text has a font color of #40a2ca.

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

#40a2ca background color

This paragraph has a background color of #40a2ca.

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

#40a2ca border color

This element has a border color of #40a2ca.

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

CSS codes

.text {color:#40a2ca;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#071318
```
#071318 rgb(7,19,24)
```
#0b1f27
```
#0b1f27 rgb(11,31,39)
```
#0f2b37
```
#0f2b37 rgb(15,43,55)
```
#133746
```
#133746 rgb(19,55,70)
```
#184455
```
#184455 rgb(24,68,85)
```
#1c5065
```
#1c5065 rgb(28,80,101)
```
#205c74
```
#205c74 rgb(32,92,116)
```
#246883
```
#246883 rgb(36,104,131)
```
#297493
```
#297493 rgb(41,116,147)
```
#2d80a2
```
#2d80a2 rgb(45,128,162)
```
#318cb2
```
#318cb2 rgb(49,140,178)
```
#3698c1
```
#3698c1 rgb(54,152,193)
```

Shade Color Variation

#40a2ca
```
#40a2ca rgb(64,162,202)
```
#4fa9ce
```
#4fa9ce rgb(79,169,206)
```
#5fb1d3
```
#5fb1d3 rgb(95,177,211)
```
#6eb8d7
```
#6eb8d7 rgb(110,184,215)
```
#7dc0db
```
#7dc0db rgb(125,192,219)
```
#8dc7df
```
#8dc7df rgb(141,199,223)
```
#9ccfe4
```
#9ccfe4 rgb(156,207,228)
```
#abd6e8
```
#abd6e8 rgb(171,214,232)
```
#bbdeec
```
#bbdeec rgb(187,222,236)
```
#cae5f0
```
#cae5f0 rgb(202,229,240)
```
#daedf5
```
#daedf5 rgb(218,237,245)
```
#e9f4f9
```
#e9f4f9 rgb(233,244,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#828688
```
#828688 rgb(130,134,136)
```
#788a92
```
#788a92 rgb(120,138,146)
```
#6f8e9b
```
#6f8e9b rgb(111,142,155)
```
#6692a4
```
#6692a4 rgb(102,146,164)
```
#5c96ae
```
#5c96ae rgb(92,150,174)
```
#539ab7
```
#539ab7 rgb(83,154,183)
```
#499ec1
```
#499ec1 rgb(73,158,193)
```
#40a2ca
```
#40a2ca rgb(64,162,202)
```
#37a6d3
```
#37a6d3 rgb(55,166,211)
```
#2daadd
```
#2daadd rgb(45,170,221)
```
#24aee6
```
#24aee6 rgb(36,174,230)
```
#1ab2f0
```
#1ab2f0 rgb(26,178,240)
```
#11b6f9
```
#11b6f9 rgb(17,182,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7a8e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919bc5 Protanopia 1% of men
#8b9bd1 Deuteranopia 1% of men
#38aab7 Tritanopia 0.001% of the population

Trichromacy

#739dc6 Protanomaly 1% of men, 0.01% of women
#6f9dce Deuteranomaly 6% of men, 0.4% of women
#3ba7be Tritanomaly 0.01% of the population

#40a2ca hex color

#40a2ca Color Information

#40a2ca Color Conversion

Color Schemes with #40a2ca

Alternatives to #40a2ca

#40a2ca Preview

Shades and Tints of #40a2ca

Tones of #40a2ca

Color Blindness Simulator