#407aef hex color

In a RGB color space, hex #407aef is composed of 25.1% red, 47.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 49% magenta, 0% yellow and 6.3% black. It has a hue angle of 220.1 degrees, a saturation of 84.5% and a lightness of 59.4%. #407aef color hex could be obtained by blending #80f4ff with #0000df. Closest websafe color is: #3366ff.

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

● #407aef color description : Bright blue.

The hexadecimal color #407aef has RGB values of R:64, G:122, B:239 and CMYK values of C:0.73, M:0.49, Y:0, K:0.06. Its decimal value is 4225775.

Hex triplet	407aef	`#407aef`
RGB Decimal	64, 122, 239	`rgb(64,122,239)`
RGB Percent	25.1, 47.8, 93.7	`rgb(25.1%,47.8%,93.7%)`
CMYK	73, 49, 0, 6
HSL	220.1°, 84.5, 59.4	`hsl(220.1,84.5%,59.4%)`
HSV (or HSB)	220.1°, 73.2, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.21, 20.539, -64.434
XYZ	24.65, 21.239, 84.457
xyY	0.189, 0.163, 21.239
CIE-LCH	53.21, 67.628, 287.68
CIE-LUV	53.21, -22.53, -102.333
Hunter-Lab	46.086, 14.825, -76.394
Binary	01000000, 01111010, 11101111

#407aef
```
#407aef rgb(64,122,239)
```
#efb540
```
#efb540 rgb(239,181,64)
```

Complementary Color

#40d2ef
```
#40d2ef rgb(64,210,239)
```
#407aef
```
#407aef rgb(64,122,239)
```
#5e40ef
```
#5e40ef rgb(94,64,239)
```

Analogous Color

#d2ef40
```
#d2ef40 rgb(210,239,64)
```
#407aef
```
#407aef rgb(64,122,239)
```
#ef5e40
```
#ef5e40 rgb(239,94,64)
```

Split Complementary Color

#7aef40
```
#7aef40 rgb(122,239,64)
```
#407aef
```
#407aef rgb(64,122,239)
```
#ef407a
```
#ef407a rgb(239,64,122)
```

Triadic Color

#40efb5
```
#40efb5 rgb(64,239,181)
```
#407aef
```
#407aef rgb(64,122,239)
```
#ef407a
```
#ef407a rgb(239,64,122)
```
#efb540
```
#efb540 rgb(239,181,64)
```

Tetradic Color

#1251d1
```
#1251d1 rgb(18,81,209)
```
#135ae9
```
#135ae9 rgb(19,90,233)
```
#286aed
```
#286aed rgb(40,106,237)
```
#407aef
```
#407aef rgb(64,122,239)
```
#588af1
```
#588af1 rgb(88,138,241)
```
#6f9bf3
```
#6f9bf3 rgb(111,155,243)
```
#87abf5
```
#87abf5 rgb(135,171,245)
```

Monochromatic Color

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

#40a6ef
```
#40a6ef rgb(64,166,239)
```
#4097ef
```
#4097ef rgb(64,151,239)
```
#4089ef
```
#4089ef rgb(64,137,239)
```
#407aef
```
#407aef rgb(64,122,239)
```
#406bef
```
#406bef rgb(64,107,239)
```
#405def
```
#405def rgb(64,93,239)
```
#404eef
```
#404eef rgb(64,78,239)
```

Similar Colors

Text with hexadecimal color #407aef

This text has a font color of #407aef.

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

#407aef background color

This paragraph has a background color of #407aef.

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

#407aef border color

This element has a border color of #407aef.

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

CSS codes

.text {color:#407aef;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#020a1a
```
#020a1a rgb(2,10,26)
```
#04112c
```
#04112c rgb(4,17,44)
```
#05183e
```
#05183e rgb(5,24,62)
```
#071f50
```
#071f50 rgb(7,31,80)
```
#082663
```
#082663 rgb(8,38,99)
```
#0a2d75
```
#0a2d75 rgb(10,45,117)
```
#0b3487
```
#0b3487 rgb(11,52,135)
```
#0d3b99
```
#0d3b99 rgb(13,59,153)
```
#0e42ab
```
#0e42ab rgb(14,66,171)
```
#1049bd
```
#1049bd rgb(16,73,189)
```
#1150cf
```
#1150cf rgb(17,80,207)
```
#1357e1
```
#1357e1 rgb(19,87,225)
```

Shade Color Variation

#1c61ec
```
#1c61ec rgb(28,97,236)
```
#2e6ded
```
#2e6ded rgb(46,109,237)
```
#407aef
```
#407aef rgb(64,122,239)
```
#5287f1
```
#5287f1 rgb(82,135,241)
```
#6493f2
```
#6493f2 rgb(100,147,242)
```
#76a0f4
```
#76a0f4 rgb(118,160,244)
```
#88acf5
```
#88acf5 rgb(136,172,245)
```
#9ab9f7
```
#9ab9f7 rgb(154,185,247)
```
#adc6f8
```
#adc6f8 rgb(173,198,248)
```
#bfd2fa
```
#bfd2fa rgb(191,210,250)
```
#d1dffb
```
#d1dffb rgb(209,223,251)
```
#e3ebfd
```
#e3ebfd rgb(227,235,253)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#90959f
```
#90959f rgb(144,149,159)
```
#8892a7
```
#8892a7 rgb(136,146,167)
```
#808faf
```
#808faf rgb(128,143,175)
```
#788db7
```
#788db7 rgb(120,141,183)
```
#708abf
```
#708abf rgb(112,138,191)
```
#6887c7
```
#6887c7 rgb(104,135,199)
```
#6085cf
```
#6085cf rgb(96,133,207)
```
#5882d7
```
#5882d7 rgb(88,130,215)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#487de7
```
#487de7 rgb(72,125,231)
```
#407aef
```
#407aef rgb(64,122,239)
```
#3877f7
```
#3877f7 rgb(56,119,247)
```
#3075ff
```
#3075ff rgb(48,117,255)
```

Tone Color Variation

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

#3e82f0 Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#3f7ff0 Protanomaly 1% of men, 0.01% of women
#1783e6 Deuteranomaly 6% of men, 0.4% of women
#1789ba Tritanomaly 0.01% of the population

#407aef hex color

#407aef Color Information

#407aef Color Conversion

Color Schemes with #407aef

Alternatives to #407aef

#407aef Preview

Shades and Tints of #407aef

Tones of #407aef

Color Blindness Simulator