#40a7d2 hex color

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

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

● #40a7d2 color description : Moderate blue.

The hexadecimal color #40a7d2 has RGB values of R:64, G:167, B:210 and CMYK values of C:0.7, M:0.2, Y:0, K:0.18. Its decimal value is 4237266.

Hex triplet	40a7d2	`#40a7d2`
RGB Decimal	64, 167, 210	`rgb(64,167,210)`
RGB Percent	25.1, 65.5, 82.4	`rgb(25.1%,65.5%,82.4%)`
CMYK	70, 20, 0, 18
HSL	197.7°, 61.9, 53.7	`hsl(197.7,61.9%,53.7%)`
HSV (or HSB)	197.7°, 69.5, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.466, -15.884, -30.492
XYZ	27.563, 33.378, 65.959
xyY	0.217, 0.263, 33.378
CIE-LCH	64.466, 34.381, 242.484
CIE-LUV	64.466, -38.552, -45.776
Hunter-Lab	57.774, -15.945, -27.248
Binary	01000000, 10100111, 11010010

#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#d26b40
```
#d26b40 rgb(210,107,64)
```

Complementary Color

#40d2b4
```
#40d2b4 rgb(64,210,180)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#405ed2
```
#405ed2 rgb(64,94,210)
```

Analogous Color

#d2b440
```
#d2b440 rgb(210,180,64)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#d2405e
```
#d2405e rgb(210,64,94)
```

Split Complementary Color

#a7d240
```
#a7d240 rgb(167,210,64)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#d240a7
```
#d240a7 rgb(210,64,167)
```

Triadic Color

#40d26b
```
#40d26b rgb(64,210,107)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#d240a7
```
#d240a7 rgb(210,64,167)
```
#d26b40
```
#d26b40 rgb(210,107,64)
```

Tetradic Color

#267ca0
```
#267ca0 rgb(38,124,160)
```
#2b8cb4
```
#2b8cb4 rgb(43,140,180)
```
#2f9cc9
```
#2f9cc9 rgb(47,156,201)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#55b1d7
```
#55b1d7 rgb(85,177,215)
```
#69badc
```
#69badc rgb(105,186,220)
```
#7ec4e1
```
#7ec4e1 rgb(126,196,225)
```

Monochromatic Color

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

#40ccd2
```
#40ccd2 rgb(64,204,210)
```
#40bfd2
```
#40bfd2 rgb(64,191,210)
```
#40b3d2
```
#40b3d2 rgb(64,179,210)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#409bd2
```
#409bd2 rgb(64,155,210)
```
#408fd2
```
#408fd2 rgb(64,143,210)
```
#4083d2
```
#4083d2 rgb(64,131,210)
```

Similar Colors

Text with hexadecimal color #40a7d2

This text has a font color of #40a7d2.

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

#40a7d2 background color

This paragraph has a background color of #40a7d2.

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

#40a7d2 border color

This element has a border color of #40a7d2.

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

CSS codes

.text {color:#40a7d2;}

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

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

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

#040c0f
```
#040c0f rgb(4,12,15)
```
#07181f
```
#07181f rgb(7,24,31)
```
#0b252f
```
#0b252f rgb(11,37,47)
```
#0f313f
```
#0f313f rgb(15,49,63)
```
#133d4f
```
#133d4f rgb(19,61,79)
```
#16495f
```
#16495f rgb(22,73,95)
```
#1a566f
```
#1a566f rgb(26,86,111)
```
#1e627f
```
#1e627f rgb(30,98,127)
```
#226e8e
```
#226e8e rgb(34,110,142)
```
#257b9e
```
#257b9e rgb(37,123,158)
```
#2987ae
```
#2987ae rgb(41,135,174)
```
#2d93be
```
#2d93be rgb(45,147,190)
```
#31a0ce
```
#31a0ce rgb(49,160,206)
```

Shade Color Variation

#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#50aed6
```
#50aed6 rgb(80,174,214)
```
#60b6d9
```
#60b6d9 rgb(96,182,217)
```
#70bddd
```
#70bddd rgb(112,189,221)
```
#80c4e1
```
#80c4e1 rgb(128,196,225)
```
#8fcce5
```
#8fcce5 rgb(143,204,229)
```
#9fd3e8
```
#9fd3e8 rgb(159,211,232)
```
#afdaec
```
#afdaec rgb(175,218,236)
```
#bfe2f0
```
#bfe2f0 rgb(191,226,240)
```
#cfe9f4
```
#cfe9f4 rgb(207,233,244)
```
#dff0f7
```
#dff0f7 rgb(223,240,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 #1cb6f6 is the most saturated one.

#898989
```
#898989 rgb(137,137,137)
```
#808d92
```
#808d92 rgb(128,141,146)
```
#76919c
```
#76919c rgb(118,145,156)
```
#6d94a5
```
#6d94a5 rgb(109,148,165)
```
#6498ae
```
#6498ae rgb(100,152,174)
```
#5b9cb7
```
#5b9cb7 rgb(91,156,183)
```
#52a0c0
```
#52a0c0 rgb(82,160,192)
```
#49a3c9
```
#49a3c9 rgb(73,163,201)
```
#40a7d2
```
#40a7d2 rgb(64,167,210)
```
#37abdb
```
#37abdb rgb(55,171,219)
```
#2eaee4
```
#2eaee4 rgb(46,174,228)
```
#25b2ed
```
#25b2ed rgb(37,178,237)
```
#1cb6f6
```
#1cb6f6 rgb(28,182,246)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7e929b Atypical Achromatopsia 0.001% of the population

Dichromacy

#949fcc Protanopia 1% of men
#8d9fd9 Deuteranopia 1% of men
#35afbc Tritanopia 0.001% of the population

Trichromacy

#76a2ce Protanomaly 1% of men, 0.01% of women
#71a2d6 Deuteranomaly 6% of men, 0.4% of women
#39acc4 Tritanomaly 0.01% of the population

#40a7d2 hex color

#40a7d2 Color Information

#40a7d2 Color Conversion

Color Schemes with #40a7d2

Alternatives to #40a7d2

#40a7d2 Preview

Shades and Tints of #40a7d2

Tones of #40a7d2

Color Blindness Simulator