#40a1d2 hex color

In a RGB color space, hex #40a1d2 is composed of 25.1% red, 63.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 23.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 200.1 degrees, a saturation of 61.9% and a lightness of 53.7%. #40a1d2 color hex could be obtained by blending #80ffff with #0043a5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 63
- B 82
RGB color chart
- C 70
- M 23
- Y 0
- K 18
CMYK color chart

● #40a1d2 color description : Moderate blue.

The hexadecimal color #40a1d2 has RGB values of R:64, G:161, B:210 and CMYK values of C:0.7, M:0.23, Y:0, K:0.18. Its decimal value is 4235730.

Hex triplet	40a1d2	`#40a1d2`
RGB Decimal	64, 161, 210	`rgb(64,161,210)`
RGB Percent	25.1, 63.1, 82.4	`rgb(25.1%,63.1%,82.4%)`
CMYK	70, 23, 0, 18
HSL	200.1°, 61.9, 53.7	`hsl(200.1,61.9%,53.7%)`
HSV (or HSB)	200.1°, 69.5, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.702, -12.635, -33.227
XYZ	26.489, 31.231, 65.601
xyY	0.215, 0.253, 31.231
CIE-LCH	62.702, 35.548, 249.18
CIE-LUV	62.702, -36.411, -50.547
Hunter-Lab	55.884, -13.189, -30.48
Binary	01000000, 10100001, 11010010

#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#d27140
```
#d27140 rgb(210,113,64)
```

Complementary Color

#40d2ba
```
#40d2ba rgb(64,210,186)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#4058d2
```
#4058d2 rgb(64,88,210)
```

Analogous Color

#d2ba40
```
#d2ba40 rgb(210,186,64)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#d24058
```
#d24058 rgb(210,64,88)
```

Split Complementary Color

#a1d240
```
#a1d240 rgb(161,210,64)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#d240a1
```
#d240a1 rgb(210,64,161)
```

Triadic Color

#40d271
```
#40d271 rgb(64,210,113)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#d240a1
```
#d240a1 rgb(210,64,161)
```
#d27140
```
#d27140 rgb(210,113,64)
```

Tetradic Color

#2677a0
```
#2677a0 rgb(38,119,160)
```
#2b86b4
```
#2b86b4 rgb(43,134,180)
```
#2f96c9
```
#2f96c9 rgb(47,150,201)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#55abd7
```
#55abd7 rgb(85,171,215)
```
#69b5dc
```
#69b5dc rgb(105,181,220)
```
#7ebfe1
```
#7ebfe1 rgb(126,191,225)
```

Monochromatic Color

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

#40c6d2
```
#40c6d2 rgb(64,198,210)
```
#40b9d2
```
#40b9d2 rgb(64,185,210)
```
#40add2
```
#40add2 rgb(64,173,210)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#4095d2
```
#4095d2 rgb(64,149,210)
```
#4089d2
```
#4089d2 rgb(64,137,210)
```
#407dd2
```
#407dd2 rgb(64,125,210)
```

Similar Colors

Text with hexadecimal color #40a1d2

This text has a font color of #40a1d2.

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

#40a1d2 background color

This paragraph has a background color of #40a1d2.

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

#40a1d2 border color

This element has a border color of #40a1d2.

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

CSS codes

.text {color:#40a1d2;}

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

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

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, #040b0f is the darkest color, while #ffffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#07171f
```
#07171f rgb(7,23,31)
```
#0b232f
```
#0b232f rgb(11,35,47)
```
#0f2f3f
```
#0f2f3f rgb(15,47,63)
```
#133b4f
```
#133b4f rgb(19,59,79)
```
#16465f
```
#16465f rgb(22,70,95)
```
#1a526f
```
#1a526f rgb(26,82,111)
```
#1e5e7f
```
#1e5e7f rgb(30,94,127)
```
#226a8e
```
#226a8e rgb(34,106,142)
```
#25769e
```
#25769e rgb(37,118,158)
```
#2981ae
```
#2981ae rgb(41,129,174)
```
#2d8dbe
```
#2d8dbe rgb(45,141,190)
```
#3199ce
```
#3199ce rgb(49,153,206)
```

Shade Color Variation

#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#50a9d6
```
#50a9d6 rgb(80,169,214)
```
#60b1d9
```
#60b1d9 rgb(96,177,217)
```
#70b8dd
```
#70b8dd rgb(112,184,221)
```
#80c0e1
```
#80c0e1 rgb(128,192,225)
```
#8fc8e5
```
#8fc8e5 rgb(143,200,229)
```
#9fd0e8
```
#9fd0e8 rgb(159,208,232)
```
#afd8ec
```
#afd8ec rgb(175,216,236)
```
#bfe0f0
```
#bfe0f0 rgb(191,224,240)
```
#cfe7f4
```
#cfe7f4 rgb(207,231,244)
```
#dfeff7
```
#dfeff7 rgb(223,239,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#808c92
```
#808c92 rgb(128,140,146)
```
#768f9c
```
#768f9c rgb(118,143,156)
```
#6d92a5
```
#6d92a5 rgb(109,146,165)
```
#6495ae
```
#6495ae rgb(100,149,174)
```
#5b98b7
```
#5b98b7 rgb(91,152,183)
```
#529bc0
```
#529bc0 rgb(82,155,192)
```
#499ec9
```
#499ec9 rgb(73,158,201)
```
#40a1d2
```
#40a1d2 rgb(64,161,210)
```
#37a4db
```
#37a4db rgb(55,164,219)
```
#2ea7e4
```
#2ea7e4 rgb(46,167,228)
```
#25aaed
```
#25aaed rgb(37,170,237)
```
#1cadf6
```
#1cadf6 rgb(28,173,246)
```

Tone Color Variation

Below, you can see how #40a1d2 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
#7b8f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9bcd Protanopia 1% of men
#859bd8 Deuteranopia 1% of men
#30abb7 Tritanopia 0.001% of the population

Trichromacy

#719dce Protanomaly 1% of men, 0.01% of women
#6c9dd6 Deuteranomaly 6% of men, 0.4% of women
#35a7c1 Tritanomaly 0.01% of the population

#40a1d2 hex color

#40a1d2 Color Information

#40a1d2 Color Conversion

Color Schemes with #40a1d2

Alternatives to #40a1d2

#40a1d2 Preview

Shades and Tints of #40a1d2

Tones of #40a1d2

Color Blindness Simulator