#408dd3 hex color

In a RGB color space, hex #408dd3 is composed of 25.1% red, 55.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 33.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 208.6 degrees, a saturation of 62.6% and a lightness of 53.9%. #408dd3 color hex could be obtained by blending #80ffff with #001ba7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 55
- B 83
RGB color chart
- C 70
- M 33
- Y 0
- K 17
CMYK color chart

● #408dd3 color description : Moderate blue.

The hexadecimal color #408dd3 has RGB values of R:64, G:141, B:211 and CMYK values of C:0.7, M:0.33, Y:0, K:0.17. Its decimal value is 4230611.

Hex triplet	408dd3	`#408dd3`
RGB Decimal	64, 141, 211	`rgb(64,141,211)`
RGB Percent	25.1, 55.3, 82.7	`rgb(25.1%,55.3%,82.7%)`
CMYK	70, 33, 0, 17
HSL	208.6°, 62.6, 53.9	`hsl(208.6,62.6%,53.9%)`
HSV (or HSB)	208.6°, 69.7, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.92, -0.963, -42.838
XYZ	23.394, 24.841, 65.186
xyY	0.206, 0.219, 24.841
CIE-LCH	56.92, 42.849, 268.712
CIE-LUV	56.92, -29.343, -66.9
Hunter-Lab	49.841, -3.437, -42.656
Binary	01000000, 10001101, 11010011

#408dd3
```
#408dd3 rgb(64,141,211)
```
#d38640
```
#d38640 rgb(211,134,64)
```

Complementary Color

#40d3d0
```
#40d3d0 rgb(64,211,208)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#4044d3
```
#4044d3 rgb(64,68,211)
```

Analogous Color

#d3d040
```
#d3d040 rgb(211,208,64)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#d34044
```
#d34044 rgb(211,64,68)
```

Split Complementary Color

#8dd340
```
#8dd340 rgb(141,211,64)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#d3408d
```
#d3408d rgb(211,64,141)
```

Triadic Color

#40d386
```
#40d386 rgb(64,211,134)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#d3408d
```
#d3408d rgb(211,64,141)
```
#d38640
```
#d38640 rgb(211,134,64)
```

Tetradic Color

#2566a1
```
#2566a1 rgb(37,102,161)
```
#2a73b6
```
#2a73b6 rgb(42,115,182)
```
#2f80cb
```
#2f80cb rgb(47,128,203)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#5599d8
```
#5599d8 rgb(85,153,216)
```
#69a6dd
```
#69a6dd rgb(105,166,221)
```
#7eb2e1
```
#7eb2e1 rgb(126,178,225)
```

Monochromatic Color

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

#40b2d3
```
#40b2d3 rgb(64,178,211)
```
#40a6d3
```
#40a6d3 rgb(64,166,211)
```
#4099d3
```
#4099d3 rgb(64,153,211)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#4081d3
```
#4081d3 rgb(64,129,211)
```
#4075d3
```
#4075d3 rgb(64,117,211)
```
#4068d3
```
#4068d3 rgb(64,104,211)
```

Similar Colors

Text with hexadecimal color #408dd3

This text has a font color of #408dd3.

<span style="color:#408dd3;">Text here</span>

#408dd3 background color

This paragraph has a background color of #408dd3.

<p style="background-color:#408dd3;">Content here</p>

#408dd3 border color

This element has a border color of #408dd3.

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

CSS codes

.text {color:#408dd3;}

.background {background-color:#408dd3;}

.border {border:1px solid #408dd3;}

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

#000000
```
#000000 rgb(0,0,0)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#071420
```
#071420 rgb(7,20,32)
```
#0b1e30
```
#0b1e30 rgb(11,30,48)
```
#0f2940
```
#0f2940 rgb(15,41,64)
```
#123350
```
#123350 rgb(18,51,80)
```
#163d60
```
#163d60 rgb(22,61,96)
```
#1a4770
```
#1a4770 rgb(26,71,112)
```
#1d5180
```
#1d5180 rgb(29,81,128)
```
#215b90
```
#215b90 rgb(33,91,144)
```
#2565a0
```
#2565a0 rgb(37,101,160)
```
#286fb0
```
#286fb0 rgb(40,111,176)
```
#2c79c0
```
#2c79c0 rgb(44,121,192)
```

Shade Color Variation

#3083cf
```
#3083cf rgb(48,131,207)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#5097d7
```
#5097d7 rgb(80,151,215)
```
#60a0da
```
#60a0da rgb(96,160,218)
```
#70aade
```
#70aade rgb(112,170,222)
```
#80b3e2
```
#80b3e2 rgb(128,179,226)
```
#90bde5
```
#90bde5 rgb(144,189,229)
```
#a0c6e9
```
#a0c6e9 rgb(160,198,233)
```
#b0d0ed
```
#b0d0ed rgb(176,208,237)
```
#c0d9f0
```
#c0d9f0 rgb(192,217,240)
```
#cfe3f4
```
#cfe3f4 rgb(207,227,244)
```
#dfecf8
```
#dfecf8 rgb(223,236,248)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```

Tint Color Variation

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

#888a8b
```
#888a8b rgb(136,138,139)
```
#7f8a94
```
#7f8a94 rgb(127,138,148)
```
#768a9d
```
#768a9d rgb(118,138,157)
```
#6d8ba6
```
#6d8ba6 rgb(109,139,166)
```
#648baf
```
#648baf rgb(100,139,175)
```
#5b8cb8
```
#5b8cb8 rgb(91,140,184)
```
#528cc1
```
#528cc1 rgb(82,140,193)
```
#498dca
```
#498dca rgb(73,141,202)
```
#408dd3
```
#408dd3 rgb(64,141,211)
```
#378ddc
```
#378ddc rgb(55,141,220)
```
#2e8ee5
```
#2e8ee5 rgb(46,142,229)
```
#258eee
```
#258eee rgb(37,142,238)
```
#1c8ff7
```
#1c8ff7 rgb(28,143,247)
```

Tone Color Variation

Below, you can see how #408dd3 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

#7e7e7e Achromatopsia 0.005% of the population
#72818f Atypical Achromatopsia 0.001% of the population

Dichromacy

#758cd0 Protanopia 1% of men
#648ed7 Deuteranopia 1% of men
#109ca7 Tritanopia 0.001% of the population

Trichromacy

#618cd1 Protanomaly 1% of men, 0.01% of women
#568ed5 Deuteranomaly 6% of men, 0.4% of women
#2196b7 Tritanomaly 0.01% of the population

#408dd3 hex color

#408dd3 Color Information

#408dd3 Color Conversion

Color Schemes with #408dd3

Alternatives to #408dd3

#408dd3 Preview

Shades and Tints of #408dd3

Tones of #408dd3

Color Blindness Simulator