#407bdd hex color

In a RGB color space, hex #407bdd is composed of 25.1% red, 48.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 44.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.5 degrees, a saturation of 69.8% and a lightness of 55.9%. #407bdd color hex could be obtained by blending #80f6ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 48
- B 87
RGB color chart
- C 71
- M 44
- Y 0
- K 13
CMYK color chart

● #407bdd color description : Bright blue.

The hexadecimal color #407bdd has RGB values of R:64, G:123, B:221 and CMYK values of C:0.71, M:0.44, Y:0, K:0.13. Its decimal value is 4226013.

Hex triplet	407bdd	`#407bdd`
RGB Decimal	64, 123, 221	`rgb(64,123,221)`
RGB Percent	25.1, 48.2, 86.7	`rgb(25.1%,48.2%,86.7%)`
CMYK	71, 44, 0, 13
HSL	217.5°, 69.8, 55.9	`hsl(217.5,69.8%,55.9%)`
HSV (or HSB)	217.5°, 71, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.37, 13.436, -55.701
XYZ	22.246, 20.475, 71.182
xyY	0.195, 0.18, 20.475
CIE-LCH	52.37, 57.299, 283.561
CIE-LUV	52.37, -23.108, -87.771
Hunter-Lab	45.249, 8.569, -61.596
Binary	01000000, 01111011, 11011101

#407bdd
```
#407bdd rgb(64,123,221)
```
#dda240
```
#dda240 rgb(221,162,64)
```

Complementary Color

#40cadd
```
#40cadd rgb(64,202,221)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#5340dd
```
#5340dd rgb(83,64,221)
```

Analogous Color

#cadd40
```
#cadd40 rgb(202,221,64)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#dd5340
```
#dd5340 rgb(221,83,64)
```

Split Complementary Color

#7bdd40
```
#7bdd40 rgb(123,221,64)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#dd407b
```
#dd407b rgb(221,64,123)
```

Triadic Color

#40dda2
```
#40dda2 rgb(64,221,162)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#dd407b
```
#dd407b rgb(221,64,123)
```
#dda240
```
#dda240 rgb(221,162,64)
```

Tetradic Color

#2056b1
```
#2056b1 rgb(32,86,177)
```
#2361c7
```
#2361c7 rgb(35,97,199)
```
#2a6cd9
```
#2a6cd9 rgb(42,108,217)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#568ae1
```
#568ae1 rgb(86,138,225)
```
#6b99e5
```
#6b99e5 rgb(107,153,229)
```
#81a8e9
```
#81a8e9 rgb(129,168,233)
```

Monochromatic Color

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

#40a2dd
```
#40a2dd rgb(64,162,221)
```
#4095dd
```
#4095dd rgb(64,149,221)
```
#4088dd
```
#4088dd rgb(64,136,221)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#406edd
```
#406edd rgb(64,110,221)
```
#4061dd
```
#4061dd rgb(64,97,221)
```
#4054dd
```
#4054dd rgb(64,84,221)
```

Similar Colors

Text with hexadecimal color #407bdd

This text has a font color of #407bdd.

<span style="color:#407bdd;">Text here</span>

#407bdd background color

This paragraph has a background color of #407bdd.

<p style="background-color:#407bdd;">Content here</p>

#407bdd border color

This element has a border color of #407bdd.

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

CSS codes

.text {color:#407bdd;}

.background {background-color:#407bdd;}

.border {border:1px solid #407bdd;}

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

#020409
```
#020409 rgb(2,4,9)
```
#050c19
```
#050c19 rgb(5,12,25)
```
#07152a
```
#07152a rgb(7,21,42)
```
#0a1d3b
```
#0a1d3b rgb(10,29,59)
```
#0d254b
```
#0d254b rgb(13,37,75)
```
#102d5c
```
#102d5c rgb(16,45,92)
```
#13356d
```
#13356d rgb(19,53,109)
```
#163d7d
```
#163d7d rgb(22,61,125)
```
#19458e
```
#19458e rgb(25,69,142)
```
#1c4d9f
```
#1c4d9f rgb(28,77,159)
```
#1f55af
```
#1f55af rgb(31,85,175)
```
#225dc0
```
#225dc0 rgb(34,93,192)
```
#2566d1
```
#2566d1 rgb(37,102,209)
```

Shade Color Variation

#2f6fda
```
#2f6fda rgb(47,111,218)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#5187e0
```
#5187e0 rgb(81,135,224)
```
#6192e3
```
#6192e3 rgb(97,146,227)
```
#729ee6
```
#729ee6 rgb(114,158,230)
```
#83a9e9
```
#83a9e9 rgb(131,169,233)
```
#93b5ec
```
#93b5ec rgb(147,181,236)
```
#a4c0ef
```
#a4c0ef rgb(164,192,239)
```
#b5ccf2
```
#b5ccf2 rgb(181,204,242)
```
#c5d7f5
```
#c5d7f5 rgb(197,215,245)
```
#d6e3f8
```
#d6e3f8 rgb(214,227,248)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8f is the less saturated color, while #2675f7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858c98
```
#858c98 rgb(133,140,152)
```
#7d8aa0
```
#7d8aa0 rgb(125,138,160)
```
#7488a9
```
#7488a9 rgb(116,136,169)
```
#6b86b2
```
#6b86b2 rgb(107,134,178)
```
#6384ba
```
#6384ba rgb(99,132,186)
```
#5a81c3
```
#5a81c3 rgb(90,129,195)
```
#517fcc
```
#517fcc rgb(81,127,204)
```
#497dd4
```
#497dd4 rgb(73,125,212)
```
#407bdd
```
#407bdd rgb(64,123,221)
```
#3779e6
```
#3779e6 rgb(55,121,230)
```
#2f77ee
```
#2f77ee rgb(47,119,238)
```
#2675f7
```
#2675f7 rgb(38,117,247)
```

Tone Color Variation

Below, you can see how #407bdd 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

#757575 Achromatopsia 0.005% of the population
#6a768a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5380dd Protanopia 1% of men
#2385dd Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#4c7edd Protanomaly 1% of men, 0.01% of women
#2d81dd Deuteranomaly 6% of men, 0.4% of women
#1788b2 Tritanomaly 0.01% of the population

#407bdd hex color

#407bdd Color Information

#407bdd Color Conversion

Color Schemes with #407bdd

Alternatives to #407bdd

#407bdd Preview

Shades and Tints of #407bdd

Tones of #407bdd

Color Blindness Simulator