#40a5d6 hex color

In a RGB color space, hex #40a5d6 is composed of 25.1% red, 64.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 22.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 199.6 degrees, a saturation of 64.7% and a lightness of 54.5%. #40a5d6 color hex could be obtained by blending #80ffff with #004bad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 65
- B 84
RGB color chart
- C 70
- M 23
- Y 0
- K 16
CMYK color chart

● #40a5d6 color description : Moderate blue.

The hexadecimal color #40a5d6 has RGB values of R:64, G:165, B:214 and CMYK values of C:0.7, M:0.23, Y:0, K:0.16. Its decimal value is 4236758.

Hex triplet	40a5d6	`#40a5d6`
RGB Decimal	64, 165, 214	`rgb(64,165,214)`
RGB Percent	25.1, 64.7, 83.9	`rgb(25.1%,64.7%,83.9%)`
CMYK	70, 23, 0, 16
HSL	199.6°, 64.7, 54.5	`hsl(199.6,64.7%,54.5%)`
HSV (or HSB)	199.6°, 70.1, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.042, -13.491, -33.366
XYZ	27.704, 32.853, 68.496
xyY	0.215, 0.255, 32.853
CIE-LCH	64.042, 35.99, 247.984
CIE-LUV	64.042, -37.629, -50.835
Hunter-Lab	57.318, -14.029, -30.731
Binary	01000000, 10100101, 11010110

#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#d67140
```
#d67140 rgb(214,113,64)
```

Complementary Color

#40d6bc
```
#40d6bc rgb(64,214,188)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#405ad6
```
#405ad6 rgb(64,90,214)
```

Analogous Color

#d6bc40
```
#d6bc40 rgb(214,188,64)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#d6405a
```
#d6405a rgb(214,64,90)
```

Split Complementary Color

#a5d640
```
#a5d640 rgb(165,214,64)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#d640a5
```
#d640a5 rgb(214,64,165)
```

Triadic Color

#40d671
```
#40d671 rgb(64,214,113)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#d640a5
```
#d640a5 rgb(214,64,165)
```
#d67140
```
#d67140 rgb(214,113,64)
```

Tetradic Color

#247ba6
```
#247ba6 rgb(36,123,166)
```
#288bbb
```
#288bbb rgb(40,139,187)
```
#2d9bd0
```
#2d9bd0 rgb(45,155,208)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#55afdb
```
#55afdb rgb(85,175,219)
```
#6ab9df
```
#6ab9df rgb(106,185,223)
```
#7fc3e4
```
#7fc3e4 rgb(127,195,228)
```

Monochromatic Color

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

#40cbd6
```
#40cbd6 rgb(64,203,214)
```
#40bed6
```
#40bed6 rgb(64,190,214)
```
#40b2d6
```
#40b2d6 rgb(64,178,214)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#4099d6
```
#4099d6 rgb(64,153,214)
```
#408cd6
```
#408cd6 rgb(64,140,214)
```
#4080d6
```
#4080d6 rgb(64,128,214)
```

Similar Colors

Text with hexadecimal color #40a5d6

This text has a font color of #40a5d6.

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

#40a5d6 background color

This paragraph has a background color of #40a5d6.

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

#40a5d6 border color

This element has a border color of #40a5d6.

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

CSS codes

.text {color:#40a5d6;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040e13
```
#040e13 rgb(4,14,19)
```
#081a23
```
#081a23 rgb(8,26,35)
```
#0b2633
```
#0b2633 rgb(11,38,51)
```
#0e3243
```
#0e3243 rgb(14,50,67)
```
#123e54
```
#123e54 rgb(18,62,84)
```
#154a64
```
#154a64 rgb(21,74,100)
```
#195674
```
#195674 rgb(25,86,116)
```
#1c6284
```
#1c6284 rgb(28,98,132)
```
#206e94
```
#206e94 rgb(32,110,148)
```
#237aa4
```
#237aa4 rgb(35,122,164)
```
#2786b4
```
#2786b4 rgb(39,134,180)
```
#2a92c5
```
#2a92c5 rgb(42,146,197)
```

Shade Color Variation

#309dd3
```
#309dd3 rgb(48,157,211)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#50add9
```
#50add9 rgb(80,173,217)
```
#60b4dd
```
#60b4dd rgb(96,180,221)
```
#70bce0
```
#70bce0 rgb(112,188,224)
```
#81c3e4
```
#81c3e4 rgb(129,195,228)
```
#91cbe7
```
#91cbe7 rgb(145,203,231)
```
#a1d3eb
```
#a1d3eb rgb(161,211,235)
```
#b1daee
```
#b1daee rgb(177,218,238)
```
#c1e2f2
```
#c1e2f2 rgb(193,226,242)
```
#d1e9f5
```
#d1e9f5 rgb(209,233,245)
```
#e1f1f9
```
#e1f1f9 rgb(225,241,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#878c8f
```
#878c8f rgb(135,140,143)
```
#7e8f98
```
#7e8f98 rgb(126,143,152)
```
#7692a0
```
#7692a0 rgb(118,146,160)
```
#6d96a9
```
#6d96a9 rgb(109,150,169)
```
#6499b2
```
#6499b2 rgb(100,153,178)
```
#5b9cbb
```
#5b9cbb rgb(91,156,187)
```
#529fc4
```
#529fc4 rgb(82,159,196)
```
#49a2cd
```
#49a2cd rgb(73,162,205)
```
#40a5d6
```
#40a5d6 rgb(64,165,214)
```
#37a8df
```
#37a8df rgb(55,168,223)
```
#2eabe8
```
#2eabe8 rgb(46,171,232)
```
#25aef1
```
#25aef1 rgb(37,174,241)
```
#1cb1fa
```
#1cb1fa rgb(28,177,250)
```

Tone Color Variation

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

Dichromacy

#919ed0 Protanopia 1% of men
#889edc Deuteranopia 1% of men
#2fafbb Tritanopia 0.001% of the population

Trichromacy

#73a0d2 Protanomaly 1% of men, 0.01% of women
#6ea1da Deuteranomaly 6% of men, 0.4% of women
#35abc5 Tritanomaly 0.01% of the population

#40a5d6 hex color

#40a5d6 Color Information

#40a5d6 Color Conversion

Color Schemes with #40a5d6

Alternatives to #40a5d6

#40a5d6 Preview

Shades and Tints of #40a5d6

Tones of #40a5d6

Color Blindness Simulator