#407bef hex color

In a RGB color space, hex #407bef is composed of 25.1% red, 48.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 48.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 219.8 degrees, a saturation of 84.5% and a lightness of 59.4%. #407bef color hex could be obtained by blending #80f6ff 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

● #407bef color description : Bright blue.

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

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

CIE-LAB	53.477, 19.919, -64.003
XYZ	24.774, 21.486, 84.498
xyY	0.189, 0.164, 21.486
CIE-LCH	53.477, 67.031, 287.287
CIE-LUV	53.477, -22.827, -101.74
Hunter-Lab	46.353, 14.283, -75.634
Binary	01000000, 01111011, 11101111

#407bef
```
#407bef rgb(64,123,239)
```
#efb440
```
#efb440 rgb(239,180,64)
```

Complementary Color

#40d3ef
```
#40d3ef rgb(64,211,239)
```
#407bef
```
#407bef rgb(64,123,239)
```
#5d40ef
```
#5d40ef rgb(93,64,239)
```

Analogous Color

#d3ef40
```
#d3ef40 rgb(211,239,64)
```
#407bef
```
#407bef rgb(64,123,239)
```
#ef5d40
```
#ef5d40 rgb(239,93,64)
```

Split Complementary Color

#7bef40
```
#7bef40 rgb(123,239,64)
```
#407bef
```
#407bef rgb(64,123,239)
```
#ef407b
```
#ef407b rgb(239,64,123)
```

Triadic Color

#40efb4
```
#40efb4 rgb(64,239,180)
```
#407bef
```
#407bef rgb(64,123,239)
```
#ef407b
```
#ef407b rgb(239,64,123)
```
#efb440
```
#efb440 rgb(239,180,64)
```

Tetradic Color

#1252d1
```
#1252d1 rgb(18,82,209)
```
#135be9
```
#135be9 rgb(19,91,233)
```
#286bed
```
#286bed rgb(40,107,237)
```
#407bef
```
#407bef rgb(64,123,239)
```
#588bf1
```
#588bf1 rgb(88,139,241)
```
#6f9cf3
```
#6f9cf3 rgb(111,156,243)
```
#87acf5
```
#87acf5 rgb(135,172,245)
```

Monochromatic Color

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

#40a7ef
```
#40a7ef rgb(64,167,239)
```
#4098ef
```
#4098ef rgb(64,152,239)
```
#408aef
```
#408aef rgb(64,138,239)
```
#407bef
```
#407bef rgb(64,123,239)
```
#406cef
```
#406cef rgb(64,108,239)
```
#405eef
```
#405eef rgb(64,94,239)
```
#404fef
```
#404fef rgb(64,79,239)
```

Similar Colors

Text with hexadecimal color #407bef

This text has a font color of #407bef.

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

#407bef background color

This paragraph has a background color of #407bef.

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

#407bef border color

This element has a border color of #407bef.

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

CSS codes

.text {color:#407bef;}

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

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

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)
```
#072050
```
#072050 rgb(7,32,80)
```
#082763
```
#082763 rgb(8,39,99)
```
#0a2e75
```
#0a2e75 rgb(10,46,117)
```
#0b3587
```
#0b3587 rgb(11,53,135)
```
#0d3c99
```
#0d3c99 rgb(13,60,153)
```
#0e43ab
```
#0e43ab rgb(14,67,171)
```
#104abd
```
#104abd rgb(16,74,189)
```
#1151cf
```
#1151cf rgb(17,81,207)
```
#1358e1
```
#1358e1 rgb(19,88,225)
```

Shade Color Variation

#1c62ec
```
#1c62ec rgb(28,98,236)
```
#2e6eed
```
#2e6eed rgb(46,110,237)
```
#407bef
```
#407bef rgb(64,123,239)
```
#5288f1
```
#5288f1 rgb(82,136,241)
```
#6494f2
```
#6494f2 rgb(100,148,242)
```
#76a1f4
```
#76a1f4 rgb(118,161,244)
```
#88adf5
```
#88adf5 rgb(136,173,245)
```
#9abaf7
```
#9abaf7 rgb(154,186,247)
```
#adc6f8
```
#adc6f8 rgb(173,198,248)
```
#bfd3fa
```
#bfd3fa rgb(191,211,250)
```
#d1dffb
```
#d1dffb rgb(209,223,251)
```
#e3ecfd
```
#e3ecfd rgb(227,236,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 #3076ff is the most saturated one.

#90959f
```
#90959f rgb(144,149,159)
```
#8892a7
```
#8892a7 rgb(136,146,167)
```
#8090af
```
#8090af rgb(128,144,175)
```
#788db7
```
#788db7 rgb(120,141,183)
```
#708bbf
```
#708bbf rgb(112,139,191)
```
#6888c7
```
#6888c7 rgb(104,136,199)
```
#6085cf
```
#6085cf rgb(96,133,207)
```
#5883d7
```
#5883d7 rgb(88,131,215)
```
#5080df
```
#5080df rgb(80,128,223)
```
#487ee7
```
#487ee7 rgb(72,126,231)
```
#407bef
```
#407bef rgb(64,123,239)
```
#3878f7
```
#3878f7 rgb(56,120,247)
```
#3076ff
```
#3076ff rgb(48,118,255)
```

Tone Color Variation

Below, you can see how #407bef 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
#6c788f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4182f0 Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#417ff0 Protanomaly 1% of men, 0.01% of women
#1783e6 Deuteranomaly 6% of men, 0.4% of women
#178aba Tritanomaly 0.01% of the population

#407bef hex color

#407bef Color Information

#407bef Color Conversion

Color Schemes with #407bef

Alternatives to #407bef

#407bef Preview

Shades and Tints of #407bef

Tones of #407bef

Color Blindness Simulator