#407fdd hex color

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

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

● #407fdd color description : Bright blue.

The hexadecimal color #407fdd has RGB values of R:64, G:127, B:221 and CMYK values of C:0.71, M:0.43, Y:0, K:0.13. Its decimal value is 4227037.

Hex triplet	407fdd	`#407fdd`
RGB Decimal	64, 127, 221	`rgb(64,127,221)`
RGB Percent	25.1, 49.8, 86.7	`rgb(25.1%,49.8%,86.7%)`
CMYK	71, 43, 0, 13
HSL	215.9°, 69.8, 55.9	`hsl(215.9,69.8%,55.9%)`
HSV (or HSB)	215.9°, 71, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	53.479, 10.975, -53.926
XYZ	22.752, 21.488, 71.351
xyY	0.197, 0.186, 21.488
CIE-LCH	53.479, 55.032, 281.504
CIE-LUV	53.479, -24.381, -85.135
Hunter-Lab	46.355, 6.491, -58.813
Binary	01000000, 01111111, 11011101

#407fdd
```
#407fdd rgb(64,127,221)
```
#dd9e40
```
#dd9e40 rgb(221,158,64)
```

Complementary Color

#40cedd
```
#40cedd rgb(64,206,221)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#4f40dd
```
#4f40dd rgb(79,64,221)
```

Analogous Color

#cedd40
```
#cedd40 rgb(206,221,64)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#dd4f40
```
#dd4f40 rgb(221,79,64)
```

Split Complementary Color

#7fdd40
```
#7fdd40 rgb(127,221,64)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#dd407f
```
#dd407f rgb(221,64,127)
```

Triadic Color

#40dd9e
```
#40dd9e rgb(64,221,158)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#dd407f
```
#dd407f rgb(221,64,127)
```
#dd9e40
```
#dd9e40 rgb(221,158,64)
```

Tetradic Color

#205ab1
```
#205ab1 rgb(32,90,177)
```
#2365c7
```
#2365c7 rgb(35,101,199)
```
#2a70d9
```
#2a70d9 rgb(42,112,217)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#568ee1
```
#568ee1 rgb(86,142,225)
```
#6b9ce5
```
#6b9ce5 rgb(107,156,229)
```
#81abe9
```
#81abe9 rgb(129,171,233)
```

Monochromatic Color

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

#40a6dd
```
#40a6dd rgb(64,166,221)
```
#4099dd
```
#4099dd rgb(64,153,221)
```
#408cdd
```
#408cdd rgb(64,140,221)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#4072dd
```
#4072dd rgb(64,114,221)
```
#4065dd
```
#4065dd rgb(64,101,221)
```
#4058dd
```
#4058dd rgb(64,88,221)
```

Similar Colors

Text with hexadecimal color #407fdd

This text has a font color of #407fdd.

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

#407fdd background color

This paragraph has a background color of #407fdd.

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

#407fdd border color

This element has a border color of #407fdd.

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

CSS codes

.text {color:#407fdd;}

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

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

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)
```
#050d19
```
#050d19 rgb(5,13,25)
```
#07152a
```
#07152a rgb(7,21,42)
```
#0a1e3b
```
#0a1e3b rgb(10,30,59)
```
#0d264b
```
#0d264b rgb(13,38,75)
```
#102f5c
```
#102f5c rgb(16,47,92)
```
#13376d
```
#13376d rgb(19,55,109)
```
#16407d
```
#16407d rgb(22,64,125)
```
#19488e
```
#19488e rgb(25,72,142)
```
#1c519f
```
#1c519f rgb(28,81,159)
```
#1f59af
```
#1f59af rgb(31,89,175)
```
#2261c0
```
#2261c0 rgb(34,97,192)
```
#256ad1
```
#256ad1 rgb(37,106,209)
```

Shade Color Variation

#2f74da
```
#2f74da rgb(47,116,218)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#518ae0
```
#518ae0 rgb(81,138,224)
```
#6195e3
```
#6195e3 rgb(97,149,227)
```
#72a0e6
```
#72a0e6 rgb(114,160,230)
```
#83ace9
```
#83ace9 rgb(131,172,233)
```
#93b7ec
```
#93b7ec rgb(147,183,236)
```
#a4c2ef
```
#a4c2ef rgb(164,194,239)
```
#b5cdf2
```
#b5cdf2 rgb(181,205,242)
```
#c5d8f5
```
#c5d8f5 rgb(197,216,245)
```
#d6e3f8
```
#d6e3f8 rgb(214,227,248)
```
#e7effb
```
#e7effb rgb(231,239,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 #267af7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858d98
```
#858d98 rgb(133,141,152)
```
#7d8ba0
```
#7d8ba0 rgb(125,139,160)
```
#7489a9
```
#7489a9 rgb(116,137,169)
```
#6b88b2
```
#6b88b2 rgb(107,136,178)
```
#6386ba
```
#6386ba rgb(99,134,186)
```
#5a84c3
```
#5a84c3 rgb(90,132,195)
```
#5182cc
```
#5182cc rgb(81,130,204)
```
#4981d4
```
#4981d4 rgb(73,129,212)
```
#407fdd
```
#407fdd rgb(64,127,221)
```
#377de6
```
#377de6 rgb(55,125,230)
```
#2f7cee
```
#2f7cee rgb(47,124,238)
```
#267af7
```
#267af7 rgb(38,122,247)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6c798b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a83dc Protanopia 1% of men
#3588dd Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5181dc Protanomaly 1% of men, 0.01% of women
#3984dd Deuteranomaly 6% of men, 0.4% of women
#178cb4 Tritanomaly 0.01% of the population

#407fdd hex color

#407fdd Color Information

#407fdd Color Conversion

Color Schemes with #407fdd

Alternatives to #407fdd

#407fdd Preview

Shades and Tints of #407fdd

Tones of #407fdd

Color Blindness Simulator