#407add hex color

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

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

● #407add color description : Bright blue.

The hexadecimal color #407add has RGB values of R:64, G:122, B:221 and CMYK values of C:0.71, M:0.45, Y:0, K:0.13. Its decimal value is 4225757.

Hex triplet	407add	`#407add`
RGB Decimal	64, 122, 221	`rgb(64,122,221)`
RGB Percent	25.1, 47.8, 86.7	`rgb(25.1%,47.8%,86.7%)`
CMYK	71, 45, 0, 13
HSL	217.8°, 69.8, 55.9	`hsl(217.8,69.8%,55.9%)`
HSV (or HSB)	217.8°, 71, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.094, 14.054, -56.144
XYZ	22.122, 20.228, 71.141
xyY	0.195, 0.178, 20.228
CIE-LCH	52.094, 57.876, 284.053
CIE-LUV	52.094, -22.793, -88.416
Hunter-Lab	44.975, 9.092, -62.301
Binary	01000000, 01111010, 11011101

#407add
```
#407add rgb(64,122,221)
```
#dda340
```
#dda340 rgb(221,163,64)
```

Complementary Color

#40c9dd
```
#40c9dd rgb(64,201,221)
```
#407add
```
#407add rgb(64,122,221)
```
#5440dd
```
#5440dd rgb(84,64,221)
```

Analogous Color

#c9dd40
```
#c9dd40 rgb(201,221,64)
```
#407add
```
#407add rgb(64,122,221)
```
#dd5440
```
#dd5440 rgb(221,84,64)
```

Split Complementary Color

#7add40
```
#7add40 rgb(122,221,64)
```
#407add
```
#407add rgb(64,122,221)
```
#dd407a
```
#dd407a rgb(221,64,122)
```

Triadic Color

#40dda3
```
#40dda3 rgb(64,221,163)
```
#407add
```
#407add rgb(64,122,221)
```
#dd407a
```
#dd407a rgb(221,64,122)
```
#dda340
```
#dda340 rgb(221,163,64)
```

Tetradic Color

#2055b1
```
#2055b1 rgb(32,85,177)
```
#2360c7
```
#2360c7 rgb(35,96,199)
```
#2a6bd9
```
#2a6bd9 rgb(42,107,217)
```
#407add
```
#407add rgb(64,122,221)
```
#5689e1
```
#5689e1 rgb(86,137,225)
```
#6b98e5
```
#6b98e5 rgb(107,152,229)
```
#81a7e9
```
#81a7e9 rgb(129,167,233)
```

Monochromatic Color

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

#40a1dd
```
#40a1dd rgb(64,161,221)
```
#4094dd
```
#4094dd rgb(64,148,221)
```
#4087dd
```
#4087dd rgb(64,135,221)
```
#407add
```
#407add rgb(64,122,221)
```
#406ddd
```
#406ddd rgb(64,109,221)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#4053dd
```
#4053dd rgb(64,83,221)
```

Similar Colors

Text with hexadecimal color #407add

This text has a font color of #407add.

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

#407add background color

This paragraph has a background color of #407add.

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

#407add border color

This element has a border color of #407add.

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

CSS codes

.text {color:#407add;}

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

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

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)
```
#07142a
```
#07142a rgb(7,20,42)
```
#0a1c3b
```
#0a1c3b rgb(10,28,59)
```
#0d244b
```
#0d244b rgb(13,36,75)
```
#102c5c
```
#102c5c rgb(16,44,92)
```
#13346d
```
#13346d rgb(19,52,109)
```
#163c7d
```
#163c7d rgb(22,60,125)
```
#19448e
```
#19448e rgb(25,68,142)
```
#1c4c9f
```
#1c4c9f rgb(28,76,159)
```
#1f54af
```
#1f54af rgb(31,84,175)
```
#225cc0
```
#225cc0 rgb(34,92,192)
```
#2564d1
```
#2564d1 rgb(37,100,209)
```

Shade Color Variation

#2f6eda
```
#2f6eda rgb(47,110,218)
```
#407add
```
#407add rgb(64,122,221)
```
#5186e0
```
#5186e0 rgb(81,134,224)
```
#6191e3
```
#6191e3 rgb(97,145,227)
```
#729de6
```
#729de6 rgb(114,157,230)
```
#83a8e9
```
#83a8e9 rgb(131,168,233)
```
#93b4ec
```
#93b4ec rgb(147,180,236)
```
#a4c0ef
```
#a4c0ef rgb(164,192,239)
```
#b5cbf2
```
#b5cbf2 rgb(181,203,242)
```
#c5d7f5
```
#c5d7f5 rgb(197,215,245)
```
#d6e2f8
```
#d6e2f8 rgb(214,226,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 #2673f7 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)
```
#6b85b2
```
#6b85b2 rgb(107,133,178)
```
#6383ba
```
#6383ba rgb(99,131,186)
```
#5a81c3
```
#5a81c3 rgb(90,129,195)
```
#517fcc
```
#517fcc rgb(81,127,204)
```
#497cd4
```
#497cd4 rgb(73,124,212)
```
#407add
```
#407add rgb(64,122,221)
```
#3778e6
```
#3778e6 rgb(55,120,230)
```
#2f75ee
```
#2f75ee rgb(47,117,238)
```
#2673f7
```
#2673f7 rgb(38,115,247)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6a7589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#517fdd Protanopia 1% of men
#1c85dc Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4b7ddd Protanomaly 1% of men, 0.01% of women
#2981dc Deuteranomaly 6% of men, 0.4% of women
#1787b2 Tritanomaly 0.01% of the population

#407add hex color

#407add Color Information

#407add Color Conversion

Color Schemes with #407add

Alternatives to #407add

#407add Preview

Shades and Tints of #407add

Tones of #407add

Color Blindness Simulator