#407ade hex color

In a RGB color space, hex #407ade is composed of 25.1% red, 47.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 45% magenta, 0% yellow and 12.9% black. It has a hue angle of 218 degrees, a saturation of 70.5% and a lightness of 56.1%. #407ade color hex could be obtained by blending #80f4ff with #0000bd. 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

● #407ade color description : Bright blue.

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

Hex triplet	407ade	`#407ade`
RGB Decimal	64, 122, 222	`rgb(64,122,222)`
RGB Percent	25.1, 47.8, 87.1	`rgb(25.1%,47.8%,87.1%)`
CMYK	71, 45, 0, 13
HSL	218°, 70.5, 56.1	`hsl(218,70.5%,56.1%)`
HSV (or HSB)	218°, 71.2, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.154, 14.414, -56.611
XYZ	22.256, 20.281, 71.845
xyY	0.195, 0.177, 20.281
CIE-LCH	52.154, 58.417, 284.284
CIE-LUV	52.154, -22.777, -89.203
Hunter-Lab	45.035, 9.402, -63.062
Binary	01000000, 01111010, 11011110

#407ade
```
#407ade rgb(64,122,222)
```
#dea440
```
#dea440 rgb(222,164,64)
```

Complementary Color

#40c9de
```
#40c9de rgb(64,201,222)
```
#407ade
```
#407ade rgb(64,122,222)
```
#5540de
```
#5540de rgb(85,64,222)
```

Analogous Color

#c9de40
```
#c9de40 rgb(201,222,64)
```
#407ade
```
#407ade rgb(64,122,222)
```
#de5540
```
#de5540 rgb(222,85,64)
```

Split Complementary Color

#7ade40
```
#7ade40 rgb(122,222,64)
```
#407ade
```
#407ade rgb(64,122,222)
```
#de407a
```
#de407a rgb(222,64,122)
```

Triadic Color

#40dea4
```
#40dea4 rgb(64,222,164)
```
#407ade
```
#407ade rgb(64,122,222)
```
#de407a
```
#de407a rgb(222,64,122)
```
#dea440
```
#dea440 rgb(222,164,64)
```

Tetradic Color

#1f55b3
```
#1f55b3 rgb(31,85,179)
```
#235fc8
```
#235fc8 rgb(35,95,200)
```
#2a6bda
```
#2a6bda rgb(42,107,218)
```
#407ade
```
#407ade rgb(64,122,222)
```
#5689e2
```
#5689e2 rgb(86,137,226)
```
#6b98e6
```
#6b98e6 rgb(107,152,230)
```
#81a7e9
```
#81a7e9 rgb(129,167,233)
```

Monochromatic Color

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

#40a2de
```
#40a2de rgb(64,162,222)
```
#4094de
```
#4094de rgb(64,148,222)
```
#4087de
```
#4087de rgb(64,135,222)
```
#407ade
```
#407ade rgb(64,122,222)
```
#406dde
```
#406dde rgb(64,109,222)
```
#4060de
```
#4060de rgb(64,96,222)
```
#4053de
```
#4053de rgb(64,83,222)
```

Similar Colors

Text with hexadecimal color #407ade

This text has a font color of #407ade.

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

#407ade background color

This paragraph has a background color of #407ade.

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

#407ade border color

This element has a border color of #407ade.

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

CSS codes

.text {color:#407ade;}

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

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

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, #02050a is the darkest color, while #f8fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#050d1a
```
#050d1a rgb(5,13,26)
```
#07152b
```
#07152b rgb(7,21,43)
```
#0a1d3c
```
#0a1d3c rgb(10,29,60)
```
#0d254d
```
#0d254d rgb(13,37,77)
```
#102c5d
```
#102c5d rgb(16,44,93)
```
#13346e
```
#13346e rgb(19,52,110)
```
#163c7f
```
#163c7f rgb(22,60,127)
```
#194490
```
#194490 rgb(25,68,144)
```
#1c4ca0
```
#1c4ca0 rgb(28,76,160)
```
#1f54b1
```
#1f54b1 rgb(31,84,177)
```
#215cc2
```
#215cc2 rgb(33,92,194)
```
#2464d2
```
#2464d2 rgb(36,100,210)
```

Shade Color Variation

#2f6edb
```
#2f6edb rgb(47,110,219)
```
#407ade
```
#407ade rgb(64,122,222)
```
#5186e1
```
#5186e1 rgb(81,134,225)
```
#6191e4
```
#6191e4 rgb(97,145,228)
```
#729de7
```
#729de7 rgb(114,157,231)
```
#83a9ea
```
#83a9ea rgb(131,169,234)
```
#94b4ec
```
#94b4ec rgb(148,180,236)
```
#a4c0ef
```
#a4c0ef rgb(164,192,239)
```
#b5ccf2
```
#b5ccf2 rgb(181,204,242)
```
#c6d7f5
```
#c6d7f5 rgb(198,215,245)
```
#d7e3f8
```
#d7e3f8 rgb(215,227,248)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#8e8f90
```
#8e8f90 rgb(142,143,144)
```
#858c99
```
#858c99 rgb(133,140,153)
```
#7c8aa2
```
#7c8aa2 rgb(124,138,162)
```
#7488aa
```
#7488aa rgb(116,136,170)
```
#6b85b3
```
#6b85b3 rgb(107,133,179)
```
#6283bc
```
#6283bc rgb(98,131,188)
```
#5a81c4
```
#5a81c4 rgb(90,129,196)
```
#517fcd
```
#517fcd rgb(81,127,205)
```
#497cd5
```
#497cd5 rgb(73,124,213)
```
#407ade
```
#407ade rgb(64,122,222)
```
#3778e7
```
#3778e7 rgb(55,120,231)
```
#2f75ef
```
#2f75ef rgb(47,117,239)
```
#2673f8
```
#2673f8 rgb(38,115,248)
```

Tone Color Variation

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

#5080de Protanopia 1% of men
#1685dd Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4a7dde Protanomaly 1% of men, 0.01% of women
#2581dd Deuteranomaly 6% of men, 0.4% of women
#1787b2 Tritanomaly 0.01% of the population

#407ade hex color

#407ade Color Information

#407ade Color Conversion

Color Schemes with #407ade

Alternatives to #407ade

#407ade Preview

Shades and Tints of #407ade

Tones of #407ade

Color Blindness Simulator