#407bee hex color

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

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

● #407bee color description : Bright blue.

The hexadecimal color #407bee has RGB values of R:64, G:123, B:238 and CMYK values of C:0.73, M:0.48, Y:0, K:0.07. Its decimal value is 4226030.

Hex triplet	407bee	`#407bee`
RGB Decimal	64, 123, 238	`rgb(64,123,238)`
RGB Percent	25.1, 48.2, 93.3	`rgb(25.1%,48.2%,93.3%)`
CMYK	73, 48, 0, 7
HSL	219.7°, 83.7, 59.2	`hsl(219.7,83.7%,59.2%)`
HSV (or HSB)	219.7°, 73.1, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.414, 19.558, -63.548
XYZ	24.627, 21.427, 83.722
xyY	0.19, 0.165, 21.427
CIE-LCH	53.414, 66.49, 287.107
CIE-LUV	53.414, -22.84, -100.978
Hunter-Lab	46.289, 13.957, -74.833
Binary	01000000, 01111011, 11101110

#407bee
```
#407bee rgb(64,123,238)
```
#eeb340
```
#eeb340 rgb(238,179,64)
```

Complementary Color

#40d2ee
```
#40d2ee rgb(64,210,238)
```
#407bee
```
#407bee rgb(64,123,238)
```
#5c40ee
```
#5c40ee rgb(92,64,238)
```

Analogous Color

#d2ee40
```
#d2ee40 rgb(210,238,64)
```
#407bee
```
#407bee rgb(64,123,238)
```
#ee5c40
```
#ee5c40 rgb(238,92,64)
```

Split Complementary Color

#7bee40
```
#7bee40 rgb(123,238,64)
```
#407bee
```
#407bee rgb(64,123,238)
```
#ee407b
```
#ee407b rgb(238,64,123)
```

Triadic Color

#40eeb3
```
#40eeb3 rgb(64,238,179)
```
#407bee
```
#407bee rgb(64,123,238)
```
#ee407b
```
#ee407b rgb(238,64,123)
```
#eeb340
```
#eeb340 rgb(238,179,64)
```

Tetradic Color

#1252cf
```
#1252cf rgb(18,82,207)
```
#155ce6
```
#155ce6 rgb(21,92,230)
```
#296bec
```
#296bec rgb(41,107,236)
```
#407bee
```
#407bee rgb(64,123,238)
```
#578bf0
```
#578bf0 rgb(87,139,240)
```
#6f9bf2
```
#6f9bf2 rgb(111,155,242)
```
#86acf4
```
#86acf4 rgb(134,172,244)
```

Monochromatic Color

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

#40a7ee
```
#40a7ee rgb(64,167,238)
```
#4098ee
```
#4098ee rgb(64,152,238)
```
#408aee
```
#408aee rgb(64,138,238)
```
#407bee
```
#407bee rgb(64,123,238)
```
#406dee
```
#406dee rgb(64,109,238)
```
#405eee
```
#405eee rgb(64,94,238)
```
#4050ee
```
#4050ee rgb(64,80,238)
```

Similar Colors

Text with hexadecimal color #407bee

This text has a font color of #407bee.

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

#407bee background color

This paragraph has a background color of #407bee.

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

#407bee border color

This element has a border color of #407bee.

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

CSS codes

.text {color:#407bee;}

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

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

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)
```
#07204f
```
#07204f rgb(7,32,79)
```
#092761
```
#092761 rgb(9,39,97)
```
#0a2e73
```
#0a2e73 rgb(10,46,115)
```
#0c3585
```
#0c3585 rgb(12,53,133)
```
#0d3c97
```
#0d3c97 rgb(13,60,151)
```
#0f43a9
```
#0f43a9 rgb(15,67,169)
```
#114bbb
```
#114bbb rgb(17,75,187)
```
#1252cd
```
#1252cd rgb(18,82,205)
```
#1459df
```
#1459df rgb(20,89,223)
```

Shade Color Variation

#1c62eb
```
#1c62eb rgb(28,98,235)
```
#2e6fec
```
#2e6fec rgb(46,111,236)
```
#407bee
```
#407bee rgb(64,123,238)
```
#5287f0
```
#5287f0 rgb(82,135,240)
```
#6494f1
```
#6494f1 rgb(100,148,241)
```
#76a0f3
```
#76a0f3 rgb(118,160,243)
```
#88adf4
```
#88adf4 rgb(136,173,244)
```
#9ab9f6
```
#9ab9f6 rgb(154,185,246)
```
#acc6f8
```
#acc6f8 rgb(172,198,248)
```
#bed2f9
```
#bed2f9 rgb(190,210,249)
```
#d0dffb
```
#d0dffb rgb(208,223,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 #3076fe is the most saturated one.

#90959e
```
#90959e rgb(144,149,158)
```
#8892a6
```
#8892a6 rgb(136,146,166)
```
#8090ae
```
#8090ae rgb(128,144,174)
```
#788db6
```
#788db6 rgb(120,141,182)
```
#708abe
```
#708abe rgb(112,138,190)
```
#6888c6
```
#6888c6 rgb(104,136,198)
```
#6085ce
```
#6085ce rgb(96,133,206)
```
#5883d6
```
#5883d6 rgb(88,131,214)
```
#5080de
```
#5080de rgb(80,128,222)
```
#487ee6
```
#487ee6 rgb(72,126,230)
```
#407bee
```
#407bee rgb(64,123,238)
```
#3878f6
```
#3878f6 rgb(56,120,246)
```
#3076fe
```
#3076fe rgb(48,118,254)
```

Tone Color Variation

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

#4282ef Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

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

#407bee hex color

#407bee Color Information

#407bee Color Conversion

Color Schemes with #407bee

Alternatives to #407bee

#407bee Preview

Shades and Tints of #407bee

Tones of #407bee

Color Blindness Simulator