#407aee hex color

In a RGB color space, hex #407aee is composed of 25.1% red, 47.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 48.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 220 degrees, a saturation of 83.7% and a lightness of 59.2%. #407aee color hex could be obtained by blending #80f4ff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 48
- B 93
RGB color chart
- C 73
- M 49
- Y 0
- K 7
CMYK color chart

● #407aee color description : Bright blue.

The hexadecimal color #407aee has RGB values of R:64, G:122, B:238 and CMYK values of C:0.73, M:0.49, Y:0, K:0.07. Its decimal value is 4225774.

Hex triplet	407aee	`#407aee`
RGB Decimal	64, 122, 238	`rgb(64,122,238)`
RGB Percent	25.1, 47.8, 93.3	`rgb(25.1%,47.8%,93.3%)`
CMYK	73, 49, 0, 7
HSL	220°, 83.7, 59.2	`hsl(220,83.7%,59.2%)`
HSV (or HSB)	220°, 73.1, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.146, 20.178, -63.98
XYZ	24.503, 21.18, 83.681
xyY	0.189, 0.164, 21.18
CIE-LCH	53.146, 67.086, 287.505
CIE-LUV	53.146, -22.542, -101.574
Hunter-Lab	46.022, 14.498, -75.59
Binary	01000000, 01111010, 11101110

#407aee
```
#407aee rgb(64,122,238)
```
#eeb440
```
#eeb440 rgb(238,180,64)
```

Complementary Color

#40d1ee
```
#40d1ee rgb(64,209,238)
```
#407aee
```
#407aee rgb(64,122,238)
```
#5d40ee
```
#5d40ee rgb(93,64,238)
```

Analogous Color

#d1ee40
```
#d1ee40 rgb(209,238,64)
```
#407aee
```
#407aee rgb(64,122,238)
```
#ee5d40
```
#ee5d40 rgb(238,93,64)
```

Split Complementary Color

#7aee40
```
#7aee40 rgb(122,238,64)
```
#407aee
```
#407aee rgb(64,122,238)
```
#ee407a
```
#ee407a rgb(238,64,122)
```

Triadic Color

#40eeb4
```
#40eeb4 rgb(64,238,180)
```
#407aee
```
#407aee rgb(64,122,238)
```
#ee407a
```
#ee407a rgb(238,64,122)
```
#eeb440
```
#eeb440 rgb(238,180,64)
```

Tetradic Color

#1251cf
```
#1251cf rgb(18,81,207)
```
#155be6
```
#155be6 rgb(21,91,230)
```
#296aec
```
#296aec rgb(41,106,236)
```
#407aee
```
#407aee rgb(64,122,238)
```
#578af0
```
#578af0 rgb(87,138,240)
```
#6f9bf2
```
#6f9bf2 rgb(111,155,242)
```
#86abf4
```
#86abf4 rgb(134,171,244)
```

Monochromatic Color

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

#40a6ee
```
#40a6ee rgb(64,166,238)
```
#4097ee
```
#4097ee rgb(64,151,238)
```
#4089ee
```
#4089ee rgb(64,137,238)
```
#407aee
```
#407aee rgb(64,122,238)
```
#406cee
```
#406cee rgb(64,108,238)
```
#405dee
```
#405dee rgb(64,93,238)
```
#404eee
```
#404eee rgb(64,78,238)
```

Similar Colors

Text with hexadecimal color #407aee

This text has a font color of #407aee.

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

#407aee background color

This paragraph has a background color of #407aee.

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

#407aee border color

This element has a border color of #407aee.

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

CSS codes

.text {color:#407aee;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020a19
```
#020a19 rgb(2,10,25)
```
#04112b
```
#04112b rgb(4,17,43)
```
#05183d
```
#05183d rgb(5,24,61)
```
#071f4f
```
#071f4f rgb(7,31,79)
```
#092661
```
#092661 rgb(9,38,97)
```
#0a2d73
```
#0a2d73 rgb(10,45,115)
```
#0c3485
```
#0c3485 rgb(12,52,133)
```
#0d3b97
```
#0d3b97 rgb(13,59,151)
```
#0f42a9
```
#0f42a9 rgb(15,66,169)
```
#114abb
```
#114abb rgb(17,74,187)
```
#1251cd
```
#1251cd rgb(18,81,205)
```
#1458df
```
#1458df rgb(20,88,223)
```

Shade Color Variation

#1c61eb
```
#1c61eb rgb(28,97,235)
```
#2e6dec
```
#2e6dec rgb(46,109,236)
```
#407aee
```
#407aee rgb(64,122,238)
```
#5287f0
```
#5287f0 rgb(82,135,240)
```
#6493f1
```
#6493f1 rgb(100,147,241)
```
#76a0f3
```
#76a0f3 rgb(118,160,243)
```
#88acf4
```
#88acf4 rgb(136,172,244)
```
#9ab9f6
```
#9ab9f6 rgb(154,185,246)
```
#acc5f8
```
#acc5f8 rgb(172,197,248)
```
#bed2f9
```
#bed2f9 rgb(190,210,249)
```
#d0defb
```
#d0defb rgb(208,222,251)
```
#e2ebfc
```
#e2ebfc rgb(226,235,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90959e is the less saturated color, while #3075fe is the most saturated one.

#90959e
```
#90959e rgb(144,149,158)
```
#8892a6
```
#8892a6 rgb(136,146,166)
```
#808fae
```
#808fae rgb(128,143,174)
```
#788db6
```
#788db6 rgb(120,141,182)
```
#708abe
```
#708abe rgb(112,138,190)
```
#6887c6
```
#6887c6 rgb(104,135,198)
```
#6085ce
```
#6085ce rgb(96,133,206)
```
#5882d6
```
#5882d6 rgb(88,130,214)
```
#507fde
```
#507fde rgb(80,127,222)
```
#487de6
```
#487de6 rgb(72,125,230)
```
#407aee
```
#407aee rgb(64,122,238)
```
#3877f6
```
#3877f6 rgb(56,119,246)
```
#3075fe
```
#3075fe rgb(48,117,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6b778e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4081ef Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#407fef Protanomaly 1% of men, 0.01% of women
#1782e5 Deuteranomaly 6% of men, 0.4% of women
#1789b9 Tritanomaly 0.01% of the population

#407aee hex color

#407aee Color Information

#407aee Color Conversion

Color Schemes with #407aee

Alternatives to #407aee

#407aee Preview

Shades and Tints of #407aee

Tones of #407aee

Color Blindness Simulator