#364daa hex color

In a RGB color space, hex #364daa is composed of 21.2% red, 30.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 54.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 228.1 degrees, a saturation of 51.8% and a lightness of 43.9%. #364daa color hex could be obtained by blending #6c9aff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 30
- B 67
RGB color chart
- C 68
- M 55
- Y 0
- K 33
CMYK color chart

● #364daa color description : Dark moderate blue.

The hexadecimal color #364daa has RGB values of R:54, G:77, B:170 and CMYK values of C:0.68, M:0.55, Y:0, K:0.33. Its decimal value is 3558826.

Hex triplet	364daa	`#364daa`
RGB Decimal	54, 77, 170	`rgb(54,77,170)`
RGB Percent	21.2, 30.2, 66.7	`rgb(21.2%,30.2%,66.7%)`
CMYK	68, 55, 0, 33
HSL	228.1°, 51.8, 43.9	`hsl(228.1,51.8%,43.9%)`
HSV (or HSB)	228.1°, 68.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	35.972, 22.775, -52.625
XYZ	11.429, 8.994, 39.162
xyY	0.192, 0.151, 8.994
CIE-LCH	35.972, 57.342, 293.402
CIE-LUV	35.972, -11.48, -75.535
Hunter-Lab	29.989, 15.548, -56.431
Binary	00110110, 01001101, 10101010

#364daa
```
#364daa rgb(54,77,170)
```
#aa9336
```
#aa9336 rgb(170,147,54)
```

Complementary Color

#3687aa
```
#3687aa rgb(54,135,170)
```
#364daa
```
#364daa rgb(54,77,170)
```
#5936aa
```
#5936aa rgb(89,54,170)
```

Analogous Color

#87aa36
```
#87aa36 rgb(135,170,54)
```
#364daa
```
#364daa rgb(54,77,170)
```
#aa5936
```
#aa5936 rgb(170,89,54)
```

Split Complementary Color

#4daa36
```
#4daa36 rgb(77,170,54)
```
#364daa
```
#364daa rgb(54,77,170)
```
#aa364d
```
#aa364d rgb(170,54,77)
```

Triadic Color

#36aa93
```
#36aa93 rgb(54,170,147)
```
#364daa
```
#364daa rgb(54,77,170)
```
#aa364d
```
#aa364d rgb(170,54,77)
```
#aa9336
```
#aa9336 rgb(170,147,54)
```

Tetradic Color

#243370
```
#243370 rgb(36,51,112)
```
#2a3b83
```
#2a3b83 rgb(42,59,131)
```
#304497
```
#304497 rgb(48,68,151)
```
#364daa
```
#364daa rgb(54,77,170)
```
#3c56bd
```
#3c56bd rgb(60,86,189)
```
#4d65c6
```
#4d65c6 rgb(77,101,198)
```
#6076cc
```
#6076cc rgb(96,118,204)
```

Monochromatic Color

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

#366aaa
```
#366aaa rgb(54,106,170)
```
#3660aa
```
#3660aa rgb(54,96,170)
```
#3657aa
```
#3657aa rgb(54,87,170)
```
#364daa
```
#364daa rgb(54,77,170)
```
#3643aa
```
#3643aa rgb(54,67,170)
```
#363aaa
```
#363aaa rgb(54,58,170)
```
#3c36aa
```
#3c36aa rgb(60,54,170)
```

Similar Colors

Text with hexadecimal color #364daa

This text has a font color of #364daa.

<span style="color:#364daa;">Text here</span>

#364daa background color

This paragraph has a background color of #364daa.

<p style="background-color:#364daa;">Content here</p>

#364daa border color

This element has a border color of #364daa.

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

CSS codes

.text {color:#364daa;}

.background {background-color:#364daa;}

.border {border:1px solid #364daa;}

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

#020306
```
#020306 rgb(2,3,6)
```
#070a15
```
#070a15 rgb(7,10,21)
```
#0b1024
```
#0b1024 rgb(11,16,36)
```
#101733
```
#101733 rgb(16,23,51)
```
#151e42
```
#151e42 rgb(21,30,66)
```
#1a2551
```
#1a2551 rgb(26,37,81)
```
#1e2b60
```
#1e2b60 rgb(30,43,96)
```
#23326e
```
#23326e rgb(35,50,110)
```
#28397d
```
#28397d rgb(40,57,125)
```
#2d408c
```
#2d408c rgb(45,64,140)
```
#31469b
```
#31469b rgb(49,70,155)
```
#364daa
```
#364daa rgb(54,77,170)
```
#3b54b9
```
#3b54b9 rgb(59,84,185)
```

Shade Color Variation

#445dc4
```
#445dc4 rgb(68,93,196)
```
#536ac8
```
#536ac8 rgb(83,106,200)
```
#6177cd
```
#6177cd rgb(97,119,205)
```
#7084d2
```
#7084d2 rgb(112,132,210)
```
#7f91d6
```
#7f91d6 rgb(127,145,214)
```
#8e9ddb
```
#8e9ddb rgb(142,157,219)
```
#9daae0
```
#9daae0 rgb(157,170,224)
```
#acb7e5
```
#acb7e5 rgb(172,183,229)
```
#bbc4e9
```
#bbc4e9 rgb(187,196,233)
```
#cad1ee
```
#cad1ee rgb(202,209,238)
```
#d9def3
```
#d9def3 rgb(217,222,243)
```
#e7ebf8
```
#e7ebf8 rgb(231,235,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6c76 is the less saturated color, while #022ede is the most saturated one.

#6a6c76
```
#6a6c76 rgb(106,108,118)
```
#61677f
```
#61677f rgb(97,103,127)
```
#586288
```
#586288 rgb(88,98,136)
```
#505d90
```
#505d90 rgb(80,93,144)
```
#475799
```
#475799 rgb(71,87,153)
```
#3f52a1
```
#3f52a1 rgb(63,82,161)
```
#364daa
```
#364daa rgb(54,77,170)
```
#2d48b3
```
#2d48b3 rgb(45,72,179)
```
#2543bb
```
#2543bb rgb(37,67,187)
```
#1c3dc4
```
#1c3dc4 rgb(28,61,196)
```
#1438cc
```
#1438cc rgb(20,56,204)
```
#0b33d5
```
#0b33d5 rgb(11,51,213)
```
#022ede
```
#022ede rgb(2,46,222)
```

Tone Color Variation

Below, you can see how #364daa 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

#515151 Achromatopsia 0.005% of the population
#4c5063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab1 Protanopia 1% of men
#005f9c Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1355ae Protanomaly 1% of men, 0.01% of women
#1358a1 Deuteranomaly 6% of men, 0.4% of women
#135d83 Tritanomaly 0.01% of the population

#364daa hex color

#364daa Color Information

#364daa Color Conversion

Color Schemes with #364daa

Alternatives to #364daa

#364daa Preview

Shades and Tints of #364daa

Tones of #364daa

Color Blindness Simulator