#40778a hex color

In a RGB color space, hex #40778a is composed of 25.1% red, 46.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 13.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 195.4 degrees, a saturation of 36.6% and a lightness of 39.6%. #40778a color hex could be obtained by blending #80eeff with #000015. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 47
- B 54
RGB color chart
- C 54
- M 14
- Y 0
- K 46
CMYK color chart

● #40778a color description : Dark moderate blue.

The hexadecimal color #40778a has RGB values of R:64, G:119, B:138 and CMYK values of C:0.54, M:0.14, Y:0, K:0.46. Its decimal value is 4224906.

Hex triplet	40778a	`#40778a`
RGB Decimal	64, 119, 138	`rgb(64,119,138)`
RGB Percent	25.1, 46.7, 54.1	`rgb(25.1%,46.7%,54.1%)`
CMYK	54, 14, 0, 46
HSL	195.4°, 36.6, 39.6	`hsl(195.4,36.6%,39.6%)`
HSV (or HSB)	195.4°, 53.6, 54.1
Web Safe	336699	`#336699`

CIE-LAB	47.129, -12.541, -15.955
XYZ	13.297, 16.118, 26.454
xyY	0.238, 0.288, 16.118
CIE-LCH	47.129, 20.294, 231.832
CIE-LUV	47.129, -23.766, -21.184
Hunter-Lab	40.147, -11.134, -10.965
Binary	01000000, 01110111, 10001010

#40778a
```
#40778a rgb(64,119,138)
```
#8a5340
```
#8a5340 rgb(138,83,64)
```

Complementary Color

#408a78
```
#408a78 rgb(64,138,120)
```
#40778a
```
#40778a rgb(64,119,138)
```
#40528a
```
#40528a rgb(64,82,138)
```

Analogous Color

#8a7840
```
#8a7840 rgb(138,120,64)
```
#40778a
```
#40778a rgb(64,119,138)
```
#8a4052
```
#8a4052 rgb(138,64,82)
```

Split Complementary Color

#778a40
```
#778a40 rgb(119,138,64)
```
#40778a
```
#40778a rgb(64,119,138)
```
#8a4077
```
#8a4077 rgb(138,64,119)
```

Triadic Color

#408a53
```
#408a53 rgb(64,138,83)
```
#40778a
```
#40778a rgb(64,119,138)
```
#8a4077
```
#8a4077 rgb(138,64,119)
```
#8a5340
```
#8a5340 rgb(138,83,64)
```

Tetradic Color

#284a56
```
#284a56 rgb(40,74,86)
```
#305967
```
#305967 rgb(48,89,103)
```
#386879
```
#386879 rgb(56,104,121)
```
#40778a
```
#40778a rgb(64,119,138)
```
#48869b
```
#48869b rgb(72,134,155)
```
#5095ad
```
#5095ad rgb(80,149,173)
```
#61a0b6
```
#61a0b6 rgb(97,160,182)
```

Monochromatic Color

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

#408a8a
```
#408a8a rgb(64,138,138)
```
#40838a
```
#40838a rgb(64,131,138)
```
#407d8a
```
#407d8a rgb(64,125,138)
```
#40778a
```
#40778a rgb(64,119,138)
```
#40718a
```
#40718a rgb(64,113,138)
```
#406b8a
```
#406b8a rgb(64,107,138)
```
#40658a
```
#40658a rgb(64,101,138)
```

Similar Colors

Text with hexadecimal color #40778a

This text has a font color of #40778a.

<span style="color:#40778a;">Text here</span>

#40778a background color

This paragraph has a background color of #40778a.

<p style="background-color:#40778a;">Content here</p>

#40778a border color

This element has a border color of #40778a.

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

CSS codes

.text {color:#40778a;}

.background {background-color:#40778a;}

.border {border:1px solid #40778a;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080f11
```
#080f11 rgb(8,15,17)
```
#0e1b1f
```
#0e1b1f rgb(14,27,31)
```
#14262c
```
#14262c rgb(20,38,44)
```
#1b323a
```
#1b323a rgb(27,50,58)
```
#213d47
```
#213d47 rgb(33,61,71)
```
#274954
```
#274954 rgb(39,73,84)
```
#2d5462
```
#2d5462 rgb(45,84,98)
```
#34606f
```
#34606f rgb(52,96,111)
```
#3a6b7d
```
#3a6b7d rgb(58,107,125)
```
#40778a
```
#40778a rgb(64,119,138)
```
#468397
```
#468397 rgb(70,131,151)
```
#4c8ea5
```
#4c8ea5 rgb(76,142,165)
```

Shade Color Variation

#5599b0
```
#5599b0 rgb(85,153,176)
```
#62a1b6
```
#62a1b6 rgb(98,161,182)
```
#70a9bc
```
#70a9bc rgb(112,169,188)
```
#7db1c3
```
#7db1c3 rgb(125,177,195)
```
#8ab9c9
```
#8ab9c9 rgb(138,185,201)
```
#98c1cf
```
#98c1cf rgb(152,193,207)
```
#a5c9d5
```
#a5c9d5 rgb(165,201,213)
```
#b3d1dc
```
#b3d1dc rgb(179,209,220)
```
#c0d9e2
```
#c0d9e2 rgb(192,217,226)
```
#cde1e8
```
#cde1e8 rgb(205,225,232)
```
#dbe9ee
```
#dbe9ee rgb(219,233,238)
```
#e8f1f4
```
#e8f1f4 rgb(232,241,244)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f686b is the less saturated color, while #0295c8 is the most saturated one.

#5f686b
```
#5f686b rgb(95,104,107)
```
#576c73
```
#576c73 rgb(87,108,115)
```
#506f7a
```
#506f7a rgb(80,111,122)
```
#487382
```
#487382 rgb(72,115,130)
```
#40778a
```
#40778a rgb(64,119,138)
```
#387b92
```
#387b92 rgb(56,123,146)
```
#307f9a
```
#307f9a rgb(48,127,154)
```
#2982a1
```
#2982a1 rgb(41,130,161)
```
#2186a9
```
#2186a9 rgb(33,134,169)
```
#198ab1
```
#198ab1 rgb(25,138,177)
```
#118eb9
```
#118eb9 rgb(17,142,185)
```
#0a91c0
```
#0a91c0 rgb(10,145,192)
```
#0295c8
```
#0295c8 rgb(2,149,200)
```

Tone Color Variation

Below, you can see how #40778a 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

#696969 Achromatopsia 0.005% of the population
#616c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72768b Protanopia 1% of men
#727593 Deuteranopia 1% of men
#467f88 Tritanopia 0.001% of the population

Trichromacy

#60768a Protanomaly 1% of men, 0.01% of women
#607590 Deuteranomaly 6% of men, 0.4% of women
#447c89 Tritanomaly 0.01% of the population

#40778a hex color

#40778a Color Information

#40778a Color Conversion

Color Schemes with #40778a

Alternatives to #40778a

#40778a Preview

Shades and Tints of #40778a

Tones of #40778a

Color Blindness Simulator