#407ff7 hex color

In a RGB color space, hex #407ff7 is composed of 25.1% red, 49.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 48.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 219.3 degrees, a saturation of 92% and a lightness of 61%. #407ff7 color hex could be obtained by blending #80feff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 50
- B 97
RGB color chart
- C 74
- M 49
- Y 0
- K 3
CMYK color chart

● #407ff7 color description : Bright blue.

The hexadecimal color #407ff7 has RGB values of R:64, G:127, B:247 and CMYK values of C:0.74, M:0.49, Y:0, K:0.03. Its decimal value is 4227063.

Hex triplet	407ff7	`#407ff7`
RGB Decimal	64, 127, 247	`rgb(64,127,247)`
RGB Percent	25.1, 49.8, 96.9	`rgb(25.1%,49.8%,96.9%)`
CMYK	74, 49, 0, 3
HSL	219.3°, 92, 61	`hsl(219.3,92%,61%)`
HSV (or HSB)	219.3°, 74.1, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	55.054, 20.328, -65.904
XYZ	26.489, 22.982, 91.031
xyY	0.189, 0.164, 22.982
CIE-LCH	55.054, 68.968, 287.142
CIE-LUV	55.054, -23.901, -105.432
Hunter-Lab	47.94, 14.734, -79.025
Binary	01000000, 01111111, 11110111

#407ff7
```
#407ff7 rgb(64,127,247)
```
#f7b840
```
#f7b840 rgb(247,184,64)
```

Complementary Color

#40dbf7
```
#40dbf7 rgb(64,219,247)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#5d40f7
```
#5d40f7 rgb(93,64,247)
```

Analogous Color

#dbf740
```
#dbf740 rgb(219,247,64)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#f75c40
```
#f75c40 rgb(247,92,64)
```

Split Complementary Color

#7ff740
```
#7ff740 rgb(127,247,64)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#f7407f
```
#f7407f rgb(247,64,127)
```

Triadic Color

#40f7b8
```
#40f7b8 rgb(64,247,184)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#f7407f
```
#f7407f rgb(247,64,127)
```
#f7b840
```
#f7b840 rgb(247,184,64)
```

Tetradic Color

#0954e1
```
#0954e1 rgb(9,84,225)
```
#0f5ef5
```
#0f5ef5 rgb(15,94,245)
```
#286ff6
```
#286ff6 rgb(40,111,246)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#588ff8
```
#588ff8 rgb(88,143,248)
```
#71a0f9
```
#71a0f9 rgb(113,160,249)
```
#89b0fa
```
#89b0fa rgb(137,176,250)
```

Monochromatic Color

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

#40adf7
```
#40adf7 rgb(64,173,247)
```
#409ef7
```
#409ef7 rgb(64,158,247)
```
#408ef7
```
#408ef7 rgb(64,142,247)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#4070f7
```
#4070f7 rgb(64,112,247)
```
#4061f7
```
#4061f7 rgb(64,97,247)
```
#4051f7
```
#4051f7 rgb(64,81,247)
```

Similar Colors

Text with hexadecimal color #407ff7

This text has a font color of #407ff7.

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

#407ff7 background color

This paragraph has a background color of #407ff7.

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

#407ff7 border color

This element has a border color of #407ff7.

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

CSS codes

.text {color:#407ff7;}

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

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

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

#010610
```
#010610 rgb(1,6,16)
```
#010d23
```
#010d23 rgb(1,13,35)
```
#021436
```
#021436 rgb(2,20,54)
```
#031b49
```
#031b49 rgb(3,27,73)
```
#04225b
```
#04225b rgb(4,34,91)
```
#05296e
```
#05296e rgb(5,41,110)
```
#053081
```
#053081 rgb(5,48,129)
```
#063794
```
#063794 rgb(6,55,148)
```
#073ea7
```
#073ea7 rgb(7,62,167)
```
#0845ba
```
#0845ba rgb(8,69,186)
```
#094ccc
```
#094ccc rgb(9,76,204)
```
#0953df
```
#0953df rgb(9,83,223)
```
#0a5af2
```
#0a5af2 rgb(10,90,242)
```

Shade Color Variation

#1a66f5
```
#1a66f5 rgb(26,102,245)
```
#2d72f6
```
#2d72f6 rgb(45,114,246)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#538cf8
```
#538cf8 rgb(83,140,248)
```
#6698f9
```
#6698f9 rgb(102,152,249)
```
#78a5f9
```
#78a5f9 rgb(120,165,249)
```
#8bb1fa
```
#8bb1fa rgb(139,177,250)
```
#9ebefb
```
#9ebefb rgb(158,190,251)
```
#b1cbfc
```
#b1cbfc rgb(177,203,252)
```
#c4d7fd
```
#c4d7fd rgb(196,215,253)
```
#d7e4fd
```
#d7e4fd rgb(215,228,253)
```
#e9f1fe
```
#e9f1fe rgb(233,241,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9499a3 is the less saturated color, while #387dff is the most saturated one.

#9499a3
```
#9499a3 rgb(148,153,163)
```
#8d97aa
```
#8d97aa rgb(141,151,170)
```
#8594b2
```
#8594b2 rgb(133,148,178)
```
#7d92ba
```
#7d92ba rgb(125,146,186)
```
#7690c1
```
#7690c1 rgb(118,144,193)
```
#6e8dc9
```
#6e8dc9 rgb(110,141,201)
```
#668bd1
```
#668bd1 rgb(102,139,209)
```
#5f89d8
```
#5f89d8 rgb(95,137,216)
```
#5786e0
```
#5786e0 rgb(87,134,224)
```
#4f84e8
```
#4f84e8 rgb(79,132,232)
```
#4881ef
```
#4881ef rgb(72,129,239)
```
#407ff7
```
#407ff7 rgb(64,127,247)
```
#387dff
```
#387dff rgb(56,125,255)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6e7b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4286f8 Protanopia 1% of men
#008ce8 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4183f7 Protanomaly 1% of men, 0.01% of women
#1787ed Deuteranomaly 6% of men, 0.4% of women
#178ec0 Tritanomaly 0.01% of the population

#407ff7 hex color

#407ff7 Color Information

#407ff7 Color Conversion

Color Schemes with #407ff7

Alternatives to #407ff7

#407ff7 Preview

Shades and Tints of #407ff7

Tones of #407ff7

Color Blindness Simulator