#40a3cd hex color

In a RGB color space, hex #40a3cd is composed of 25.1% red, 63.9% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 20.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 197.9 degrees, a saturation of 58.5% and a lightness of 52.7%. #40a3cd color hex could be obtained by blending #80ffff with #00479b. Closest websafe color is: #3399cc.

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

● #40a3cd color description : Moderate blue.

The hexadecimal color #40a3cd has RGB values of R:64, G:163, B:205 and CMYK values of C:0.69, M:0.2, Y:0, K:0.2. Its decimal value is 4236237.

Hex triplet	40a3cd	`#40a3cd`
RGB Decimal	64, 163, 205	`rgb(64,163,205)`
RGB Percent	25.1, 63.9, 80.4	`rgb(25.1%,63.9%,80.4%)`
CMYK	69, 20, 0, 20
HSL	197.9°, 58.5, 52.7	`hsl(197.9,58.5%,52.7%)`
HSV (or HSB)	197.9°, 68.8, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.086, -15.366, -29.85
XYZ	26.228, 31.69, 62.489
xyY	0.218, 0.263, 31.69
CIE-LCH	63.086, 33.573, 242.762
CIE-LUV	63.086, -37.382, -44.627
Hunter-Lab	56.294, -15.349, -26.409
Binary	01000000, 10100011, 11001101

#40a3cd
```
#40a3cd rgb(64,163,205)
```
#cd6a40
```
#cd6a40 rgb(205,106,64)
```

Complementary Color

#40cdb1
```
#40cdb1 rgb(64,205,177)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#405ccd
```
#405ccd rgb(64,92,205)
```

Analogous Color

#cdb140
```
#cdb140 rgb(205,177,64)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#cd405d
```
#cd405d rgb(205,64,93)
```

Split Complementary Color

#a3cd40
```
#a3cd40 rgb(163,205,64)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#cd40a3
```
#cd40a3 rgb(205,64,163)
```

Triadic Color

#40cd6a
```
#40cd6a rgb(64,205,106)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#cd40a3
```
#cd40a3 rgb(205,64,163)
```
#cd6a40
```
#cd6a40 rgb(205,106,64)
```

Tetradic Color

#287799
```
#287799 rgb(40,119,153)
```
#2d87ad
```
#2d87ad rgb(45,135,173)
```
#3397c1
```
#3397c1 rgb(51,151,193)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#54add2
```
#54add2 rgb(84,173,210)
```
#68b6d8
```
#68b6d8 rgb(104,182,216)
```
#7dc0dd
```
#7dc0dd rgb(125,192,221)
```

Monochromatic Color

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

#40c6cd
```
#40c6cd rgb(64,198,205)
```
#40bbcd
```
#40bbcd rgb(64,187,205)
```
#40afcd
```
#40afcd rgb(64,175,205)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#4097cd
```
#4097cd rgb(64,151,205)
```
#408ccd
```
#408ccd rgb(64,140,205)
```
#4080cd
```
#4080cd rgb(64,128,205)
```

Similar Colors

Text with hexadecimal color #40a3cd

This text has a font color of #40a3cd.

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

#40a3cd background color

This paragraph has a background color of #40a3cd.

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

#40a3cd border color

This element has a border color of #40a3cd.

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

CSS codes

.text {color:#40a3cd;}

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

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

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#07151b
```
#07151b rgb(7,21,27)
```
#0b212a
```
#0b212a rgb(11,33,42)
```
#0f2d3a
```
#0f2d3a rgb(15,45,58)
```
#133949
```
#133949 rgb(19,57,73)
```
#174559
```
#174559 rgb(23,69,89)
```
#1b5168
```
#1b5168 rgb(27,81,104)
```
#1f5e78
```
#1f5e78 rgb(31,94,120)
```
#236a87
```
#236a87 rgb(35,106,135)
```
#287697
```
#287697 rgb(40,118,151)
```
#2c82a7
```
#2c82a7 rgb(44,130,167)
```
#308eb6
```
#308eb6 rgb(48,142,182)
```
#349ac6
```
#349ac6 rgb(52,154,198)
```

Shade Color Variation

#40a3cd
```
#40a3cd rgb(64,163,205)
```
#50aad1
```
#50aad1 rgb(80,170,209)
```
#5fb2d5
```
#5fb2d5 rgb(95,178,213)
```
#6fb9d9
```
#6fb9d9 rgb(111,185,217)
```
#7ec1dd
```
#7ec1dd rgb(126,193,221)
```
#8ec8e1
```
#8ec8e1 rgb(142,200,225)
```
#9dd0e5
```
#9dd0e5 rgb(157,208,229)
```
#add7e9
```
#add7e9 rgb(173,215,233)
```
#bcdfee
```
#bcdfee rgb(188,223,238)
```
#cce6f2
```
#cce6f2 rgb(204,230,242)
```
#dbeef6
```
#dbeef6 rgb(219,238,246)
```
#ebf5fa
```
#ebf5fa rgb(235,245,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#81898c
```
#81898c rgb(129,137,140)
```
#788d95
```
#788d95 rgb(120,141,149)
```
#6e909f
```
#6e909f rgb(110,144,159)
```
#6594a8
```
#6594a8 rgb(101,148,168)
```
#5c98b1
```
#5c98b1 rgb(92,152,177)
```
#539cba
```
#539cba rgb(83,156,186)
```
#499fc4
```
#499fc4 rgb(73,159,196)
```
#40a3cd
```
#40a3cd rgb(64,163,205)
```
#37a7d6
```
#37a7d6 rgb(55,167,214)
```
#2daae0
```
#2daae0 rgb(45,170,224)
```
#24aee9
```
#24aee9 rgb(36,174,233)
```
#1bb2f2
```
#1bb2f2 rgb(27,178,242)
```
#12b6fb
```
#12b6fb rgb(18,182,251)
```

Tone Color Variation

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

Dichromacy

#919cc7 Protanopia 1% of men
#8b9cd4 Deuteranopia 1% of men
#36acb8 Tritanopia 0.001% of the population

Trichromacy

#749ec9 Protanomaly 1% of men, 0.01% of women
#6f9ed1 Deuteranomaly 6% of men, 0.4% of women
#3aa8c0 Tritanomaly 0.01% of the population

#40a3cd hex color

#40a3cd Color Information

#40a3cd Color Conversion

Color Schemes with #40a3cd

Alternatives to #40a3cd

#40a3cd Preview

Shades and Tints of #40a3cd

Tones of #40a3cd

Color Blindness Simulator