#407d93 hex color

In a RGB color space, hex #407d93 is composed of 25.1% red, 49% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 15% magenta, 0% yellow and 42.4% black. It has a hue angle of 195.9 degrees, a saturation of 39.3% and a lightness of 41.4%. #407d93 color hex could be obtained by blending #80faff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 49
- B 58
RGB color chart
- C 56
- M 15
- Y 0
- K 42
CMYK color chart

● #407d93 color description : Dark moderate blue.

The hexadecimal color #407d93 has RGB values of R:64, G:125, B:147 and CMYK values of C:0.56, M:0.15, Y:0, K:0.42. Its decimal value is 4226451.

Hex triplet	407d93	`#407d93`
RGB Decimal	64, 125, 147	`rgb(64,125,147)`
RGB Percent	25.1, 49, 57.6	`rgb(25.1%,49%,57.6%)`
CMYK	56, 15, 0, 42
HSL	195.9°, 39.3, 41.4	`hsl(195.9,39.3%,41.4%)`
HSV (or HSB)	195.9°, 56.5, 57.6
Web Safe	336699	`#336699`

CIE-LAB	49.329, -13.124, -17.901
XYZ	14.713, 17.863, 30.275
xyY	0.234, 0.284, 17.863
CIE-LCH	49.329, 22.197, 233.753
CIE-LUV	49.329, -25.819, -24.294
Hunter-Lab	42.264, -11.823, -12.885
Binary	01000000, 01111101, 10010011

#407d93
```
#407d93 rgb(64,125,147)
```
#935640
```
#935640 rgb(147,86,64)
```

Complementary Color

#409380
```
#409380 rgb(64,147,128)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#405493
```
#405493 rgb(64,84,147)
```

Analogous Color

#938040
```
#938040 rgb(147,128,64)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#934054
```
#934054 rgb(147,64,84)
```

Split Complementary Color

#7d9340
```
#7d9340 rgb(125,147,64)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#93407d
```
#93407d rgb(147,64,125)
```

Triadic Color

#409356
```
#409356 rgb(64,147,86)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#93407d
```
#93407d rgb(147,64,125)
```
#935640
```
#935640 rgb(147,86,64)
```

Tetradic Color

#29505e
```
#29505e rgb(41,80,94)
```
#315f6f
```
#315f6f rgb(49,95,111)
```
#386e81
```
#386e81 rgb(56,110,129)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#488ca5
```
#488ca5 rgb(72,140,165)
```
#529ab4
```
#529ab4 rgb(82,154,180)
```
#64a4bc
```
#64a4bc rgb(100,164,188)
```

Monochromatic Color

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

#409293
```
#409293 rgb(64,146,147)
```
#408b93
```
#408b93 rgb(64,139,147)
```
#408493
```
#408493 rgb(64,132,147)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#407693
```
#407693 rgb(64,118,147)
```
#406f93
```
#406f93 rgb(64,111,147)
```
#406893
```
#406893 rgb(64,104,147)
```

Similar Colors

Text with hexadecimal color #407d93

This text has a font color of #407d93.

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

#407d93 background color

This paragraph has a background color of #407d93.

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

#407d93 border color

This element has a border color of #407d93.

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

CSS codes

.text {color:#407d93;}

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

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

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, #05090a is the darkest color, while #fcfdfe is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0a1418
```
#0a1418 rgb(10,20,24)
```
#102026
```
#102026 rgb(16,32,38)
```
#162c33
```
#162c33 rgb(22,44,51)
```
#1c3741
```
#1c3741 rgb(28,55,65)
```
#22434f
```
#22434f rgb(34,67,79)
```
#284f5c
```
#284f5c rgb(40,79,92)
```
#2e5a6a
```
#2e5a6a rgb(46,90,106)
```
#346678
```
#346678 rgb(52,102,120)
```
#3a7185
```
#3a7185 rgb(58,113,133)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#4689a1
```
#4689a1 rgb(70,137,161)
```
#4c94ae
```
#4c94ae rgb(76,148,174)
```

Shade Color Variation

#589db6
```
#589db6 rgb(88,157,182)
```
#65a5bc
```
#65a5bc rgb(101,165,188)
```
#73adc2
```
#73adc2 rgb(115,173,194)
```
#81b5c8
```
#81b5c8 rgb(129,181,200)
```
#8ebdce
```
#8ebdce rgb(142,189,206)
```
#9cc5d4
```
#9cc5d4 rgb(156,197,212)
```
#aacdda
```
#aacdda rgb(170,205,218)
```
#b7d5e0
```
#b7d5e0 rgb(183,213,224)
```
#c5dde6
```
#c5dde6 rgb(197,221,230)
```
#d3e5ec
```
#d3e5ec rgb(211,229,236)
```
#e0edf2
```
#e0edf2 rgb(224,237,242)
```
#eef5f8
```
#eef5f8 rgb(238,245,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a6a is the less saturated color, while #0798cc is the most saturated one.

#696a6a
```
#696a6a rgb(105,106,106)
```
#606e73
```
#606e73 rgb(96,110,115)
```
#58727b
```
#58727b rgb(88,114,123)
```
#507583
```
#507583 rgb(80,117,131)
```
#48798b
```
#48798b rgb(72,121,139)
```
#407d93
```
#407d93 rgb(64,125,147)
```
#38819b
```
#38819b rgb(56,129,155)
```
#3085a3
```
#3085a3 rgb(48,133,163)
```
#2888ab
```
#2888ab rgb(40,136,171)
```
#208cb3
```
#208cb3 rgb(32,140,179)
```
#1790bc
```
#1790bc rgb(23,144,188)
```
#0f94c4
```
#0f94c4 rgb(15,148,196)
```
#0798cc
```
#0798cc rgb(7,152,204)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#647075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767b93 Protanopia 1% of men
#767a9c Deuteranopia 1% of men
#45858f Tritanopia 0.001% of the population

Trichromacy

#627b93 Protanomaly 1% of men, 0.01% of women
#627b98 Deuteranomaly 6% of men, 0.4% of women
#438290 Tritanomaly 0.01% of the population

#407d93 hex color

#407d93 Color Information

#407d93 Color Conversion

Color Schemes with #407d93

Alternatives to #407d93

#407d93 Preview

Shades and Tints of #407d93

Tones of #407d93

Color Blindness Simulator