#407bde hex color

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

● #407bde color description : Bright blue.

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

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

CIE-LAB	52.429, 13.795, -56.169
XYZ	22.379, 20.528, 71.886
xyY	0.195, 0.179, 20.528
CIE-LCH	52.429, 57.838, 283.799
CIE-LUV	52.429, -23.091, -88.561
Hunter-Lab	45.308, 8.878, -62.354
Binary	01000000, 01111011, 11011110

#407bde
```
#407bde rgb(64,123,222)
```
#dea340
```
#dea340 rgb(222,163,64)
```

Complementary Color

#40cade
```
#40cade rgb(64,202,222)
```
#407bde
```
#407bde rgb(64,123,222)
```
#5440de
```
#5440de rgb(84,64,222)
```

Analogous Color

#cade40
```
#cade40 rgb(202,222,64)
```
#407bde
```
#407bde rgb(64,123,222)
```
#de5440
```
#de5440 rgb(222,84,64)
```

Split Complementary Color

#7bde40
```
#7bde40 rgb(123,222,64)
```
#407bde
```
#407bde rgb(64,123,222)
```
#de407b
```
#de407b rgb(222,64,123)
```

Triadic Color

#40dea3
```
#40dea3 rgb(64,222,163)
```
#407bde
```
#407bde rgb(64,123,222)
```
#de407b
```
#de407b rgb(222,64,123)
```
#dea340
```
#dea340 rgb(222,163,64)
```

Tetradic Color

#1f56b3
```
#1f56b3 rgb(31,86,179)
```
#2361c8
```
#2361c8 rgb(35,97,200)
```
#2a6cda
```
#2a6cda rgb(42,108,218)
```
#407bde
```
#407bde rgb(64,123,222)
```
#568ae2
```
#568ae2 rgb(86,138,226)
```
#6b99e6
```
#6b99e6 rgb(107,153,230)
```
#81a8e9
```
#81a8e9 rgb(129,168,233)
```

Monochromatic Color

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

#40a3de
```
#40a3de rgb(64,163,222)
```
#4095de
```
#4095de rgb(64,149,222)
```
#4088de
```
#4088de rgb(64,136,222)
```
#407bde
```
#407bde rgb(64,123,222)
```
#406ede
```
#406ede rgb(64,110,222)
```
#4061de
```
#4061de rgb(64,97,222)
```
#4054de
```
#4054de rgb(64,84,222)
```

Similar Colors

Text with hexadecimal color #407bde

This text has a font color of #407bde.

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

#407bde background color

This paragraph has a background color of #407bde.

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

#407bde border color

This element has a border color of #407bde.

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

CSS codes

.text {color:#407bde;}

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

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

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)
```
#102d5d
```
#102d5d rgb(16,45,93)
```
#13356e
```
#13356e rgb(19,53,110)
```
#163d7f
```
#163d7f rgb(22,61,127)
```
#194590
```
#194590 rgb(25,69,144)
```
#1c4da0
```
#1c4da0 rgb(28,77,160)
```
#1f55b1
```
#1f55b1 rgb(31,85,177)
```
#215dc2
```
#215dc2 rgb(33,93,194)
```
#2465d2
```
#2465d2 rgb(36,101,210)
```

Shade Color Variation

#2f6fdb
```
#2f6fdb rgb(47,111,219)
```
#407bde
```
#407bde rgb(64,123,222)
```
#5187e1
```
#5187e1 rgb(81,135,225)
```
#6192e4
```
#6192e4 rgb(97,146,228)
```
#729ee7
```
#729ee7 rgb(114,158,231)
```
#83a9ea
```
#83a9ea rgb(131,169,234)
```
#94b5ec
```
#94b5ec rgb(148,181,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)
```
#e7effb
```
#e7effb rgb(231,239,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 #2674f8 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)
```
#6b86b3
```
#6b86b3 rgb(107,134,179)
```
#6284bc
```
#6284bc rgb(98,132,188)
```
#5a82c4
```
#5a82c4 rgb(90,130,196)
```
#517fcd
```
#517fcd rgb(81,127,205)
```
#497dd5
```
#497dd5 rgb(73,125,213)
```
#407bde
```
#407bde rgb(64,123,222)
```
#3779e7
```
#3779e7 rgb(55,121,231)
```
#2f77ef
```
#2f77ef rgb(47,119,239)
```
#2674f8
```
#2674f8 rgb(38,116,248)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6a768a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5280de Protanopia 1% of men
#1f85dd Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#4b7ede Protanomaly 1% of men, 0.01% of women
#2b81dd Deuteranomaly 6% of men, 0.4% of women
#1788b3 Tritanomaly 0.01% of the population

#407bde hex color

#407bde Color Information

#407bde Color Conversion

Color Schemes with #407bde

Alternatives to #407bde

#407bde Preview

Shades and Tints of #407bde

Tones of #407bde

Color Blindness Simulator