#3660ae hex color

In a RGB color space, hex #3660ae is composed of 21.2% red, 37.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 44.8% magenta, 0% yellow and 31.8% black. It has a hue angle of 219 degrees, a saturation of 52.6% and a lightness of 44.7%. #3660ae color hex could be obtained by blending #6cc0ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 38
- B 68
RGB color chart
- C 69
- M 45
- Y 0
- K 32
CMYK color chart

● #3660ae color description : Dark moderate blue.

The hexadecimal color #3660ae has RGB values of R:54, G:96, B:174 and CMYK values of C:0.69, M:0.45, Y:0, K:0.32. Its decimal value is 3563694.

Hex triplet	3660ae	`#3660ae`
RGB Decimal	54, 96, 174	`rgb(54,96,174)`
RGB Percent	21.2, 37.6, 68.2	`rgb(21.2%,37.6%,68.2%)`
CMYK	69, 45, 0, 32
HSL	219°, 52.6, 44.7	`hsl(219,52.6%,44.7%)`
HSV (or HSB)	219°, 69, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.54, 11.84, -46.027
XYZ	13.342, 12.205, 41.695
xyY	0.198, 0.182, 12.205
CIE-LCH	41.54, 47.526, 284.426
CIE-LUV	41.54, -17.194, -68.406
Hunter-Lab	34.936, 7.034, -46.306
Binary	00110110, 01100000, 10101110

#3660ae
```
#3660ae rgb(54,96,174)
```
#ae8436
```
#ae8436 rgb(174,132,54)
```

Complementary Color

#369cae
```
#369cae rgb(54,156,174)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#4836ae
```
#4836ae rgb(72,54,174)
```

Analogous Color

#9cae36
```
#9cae36 rgb(156,174,54)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#ae4836
```
#ae4836 rgb(174,72,54)
```

Split Complementary Color

#60ae36
```
#60ae36 rgb(96,174,54)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#ae3660
```
#ae3660 rgb(174,54,96)
```

Triadic Color

#36ae84
```
#36ae84 rgb(54,174,132)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#ae3660
```
#ae3660 rgb(174,54,96)
```
#ae8436
```
#ae8436 rgb(174,132,54)
```

Tetradic Color

#244074
```
#244074 rgb(36,64,116)
```
#2a4b87
```
#2a4b87 rgb(42,75,135)
```
#30559b
```
#30559b rgb(48,85,155)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#3c6bc1
```
#3c6bc1 rgb(60,107,193)
```
#4f79c8
```
#4f79c8 rgb(79,121,200)
```
#6288ce
```
#6288ce rgb(98,136,206)
```

Monochromatic Color

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

#367eae
```
#367eae rgb(54,126,174)
```
#3674ae
```
#3674ae rgb(54,116,174)
```
#366aae
```
#366aae rgb(54,106,174)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#3656ae
```
#3656ae rgb(54,86,174)
```
#364cae
```
#364cae rgb(54,76,174)
```
#3642ae
```
#3642ae rgb(54,66,174)
```

Similar Colors

Text with hexadecimal color #3660ae

This text has a font color of #3660ae.

<span style="color:#3660ae;">Text here</span>

#3660ae background color

This paragraph has a background color of #3660ae.

<p style="background-color:#3660ae;">Content here</p>

#3660ae border color

This element has a border color of #3660ae.

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

CSS codes

.text {color:#3660ae;}

.background {background-color:#3660ae;}

.border {border:1px solid #3660ae;}

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

#030509
```
#030509 rgb(3,5,9)
```
#080d18
```
#080d18 rgb(8,13,24)
```
#0c1627
```
#0c1627 rgb(12,22,39)
```
#111e36
```
#111e36 rgb(17,30,54)
```
#152645
```
#152645 rgb(21,38,69)
```
#1a2e54
```
#1a2e54 rgb(26,46,84)
```
#1f3763
```
#1f3763 rgb(31,55,99)
```
#233f72
```
#233f72 rgb(35,63,114)
```
#284781
```
#284781 rgb(40,71,129)
```
#2d4f90
```
#2d4f90 rgb(45,79,144)
```
#31589f
```
#31589f rgb(49,88,159)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#3b68bd
```
#3b68bd rgb(59,104,189)
```

Shade Color Variation

#4672c6
```
#4672c6 rgb(70,114,198)
```
#557eca
```
#557eca rgb(85,126,202)
```
#6489cf
```
#6489cf rgb(100,137,207)
```
#7395d3
```
#7395d3 rgb(115,149,211)
```
#82a0d8
```
#82a0d8 rgb(130,160,216)
```
#91abdd
```
#91abdd rgb(145,171,221)
```
#a0b7e1
```
#a0b7e1 rgb(160,183,225)
```
#afc2e6
```
#afc2e6 rgb(175,194,230)
```
#bdcdeb
```
#bdcdeb rgb(189,205,235)
```
#ccd9ef
```
#ccd9ef rgb(204,217,239)
```
#dbe4f4
```
#dbe4f4 rgb(219,228,244)
```
#eaeff9
```
#eaeff9 rgb(234,239,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#6b7079
```
#6b7079 rgb(107,112,121)
```
#626d82
```
#626d82 rgb(98,109,130)
```
#596b8b
```
#596b8b rgb(89,107,139)
```
#506894
```
#506894 rgb(80,104,148)
```
#48659c
```
#48659c rgb(72,101,156)
```
#3f63a5
```
#3f63a5 rgb(63,99,165)
```
#3660ae
```
#3660ae rgb(54,96,174)
```
#2d5db7
```
#2d5db7 rgb(45,93,183)
```
#245bc0
```
#245bc0 rgb(36,91,192)
```
#1c58c8
```
#1c58c8 rgb(28,88,200)
```
#1355d1
```
#1355d1 rgb(19,85,209)
```
#0a53da
```
#0a53da rgb(10,83,218)
```
#0150e3
```
#0150e3 rgb(1,80,227)
```

Tone Color Variation

Below, you can see how #3660ae 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

#5c5c5c Achromatopsia 0.005% of the population
#545d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4467b1 Protanopia 1% of men
#246bb0 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3f64b0 Protanomaly 1% of men, 0.01% of women
#2a67af Deuteranomaly 6% of men, 0.4% of women
#136d8e Tritanomaly 0.01% of the population

#3660ae hex color

#3660ae Color Information

#3660ae Color Conversion

Color Schemes with #3660ae

Alternatives to #3660ae

#3660ae Preview

Shades and Tints of #3660ae

Tones of #3660ae

Color Blindness Simulator