#3660a8 hex color

In a RGB color space, hex #3660a8 is composed of 21.2% red, 37.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 42.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 217.9 degrees, a saturation of 51.4% and a lightness of 43.5%. #3660a8 color hex could be obtained by blending #6cc0ff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 38
- B 66
RGB color chart
- C 68
- M 43
- Y 0
- K 34
CMYK color chart

● #3660a8 color description : Dark moderate blue.

The hexadecimal color #3660a8 has RGB values of R:54, G:96, B:168 and CMYK values of C:0.68, M:0.43, Y:0, K:0.34. Its decimal value is 3563688.

Hex triplet	3660a8	`#3660a8`
RGB Decimal	54, 96, 168	`rgb(54,96,168)`
RGB Percent	21.2, 37.6, 65.9	`rgb(21.2%,37.6%,65.9%)`
CMYK	68, 43, 0, 34
HSL	217.9°, 51.4, 43.5	`hsl(217.9,51.4%,43.5%)`
HSV (or HSB)	217.9°, 67.9, 65.9
Web Safe	336699	`#336699`

CIE-LAB	41.178, 9.632, -43.066
XYZ	12.771, 11.976, 38.682
xyY	0.201, 0.189, 11.976
CIE-LCH	41.178, 44.13, 282.607
CIE-LUV	41.178, -17.257, -63.651
Hunter-Lab	34.607, 5.308, -42.048
Binary	00110110, 01100000, 10101000

#3660a8
```
#3660a8 rgb(54,96,168)
```
#a87e36
```
#a87e36 rgb(168,126,54)
```

Complementary Color

#3699a8
```
#3699a8 rgb(54,153,168)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#4536a8
```
#4536a8 rgb(69,54,168)
```

Analogous Color

#99a836
```
#99a836 rgb(153,168,54)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#a84536
```
#a84536 rgb(168,69,54)
```

Split Complementary Color

#60a836
```
#60a836 rgb(96,168,54)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#a83660
```
#a83660 rgb(168,54,96)
```

Triadic Color

#36a87e
```
#36a87e rgb(54,168,126)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#a83660
```
#a83660 rgb(168,54,96)
```
#a87e36
```
#a87e36 rgb(168,126,54)
```

Tetradic Color

#233f6e
```
#233f6e rgb(35,63,110)
```
#2a4a81
```
#2a4a81 rgb(42,74,129)
```
#305595
```
#305595 rgb(48,85,149)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#3c6bbb
```
#3c6bbb rgb(60,107,187)
```
#4c78c5
```
#4c78c5 rgb(76,120,197)
```
#5f87cc
```
#5f87cc rgb(95,135,204)
```

Monochromatic Color

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

#367da8
```
#367da8 rgb(54,125,168)
```
#3673a8
```
#3673a8 rgb(54,115,168)
```
#366aa8
```
#366aa8 rgb(54,106,168)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#3657a8
```
#3657a8 rgb(54,87,168)
```
#364da8
```
#364da8 rgb(54,77,168)
```
#3644a8
```
#3644a8 rgb(54,68,168)
```

Similar Colors

Text with hexadecimal color #3660a8

This text has a font color of #3660a8.

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

#3660a8 background color

This paragraph has a background color of #3660a8.

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

#3660a8 border color

This element has a border color of #3660a8.

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

CSS codes

.text {color:#3660a8;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1422
```
#0b1422 rgb(11,20,34)
```
#101c31
```
#101c31 rgb(16,28,49)
```
#152540
```
#152540 rgb(21,37,64)
```
#192d4f
```
#192d4f rgb(25,45,79)
```
#1e365e
```
#1e365e rgb(30,54,94)
```
#233e6d
```
#233e6d rgb(35,62,109)
```
#28477b
```
#28477b rgb(40,71,123)
```
#2c4f8a
```
#2c4f8a rgb(44,79,138)
```
#315899
```
#315899 rgb(49,88,153)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#3b68b7
```
#3b68b7 rgb(59,104,183)
```

Shade Color Variation

#4372c2
```
#4372c2 rgb(67,114,194)
```
#527dc7
```
#527dc7 rgb(82,125,199)
```
#6088cc
```
#6088cc rgb(96,136,204)
```
#6f93d1
```
#6f93d1 rgb(111,147,209)
```
#7e9ed6
```
#7e9ed6 rgb(126,158,214)
```
#8da9da
```
#8da9da rgb(141,169,218)
```
#9cb5df
```
#9cb5df rgb(156,181,223)
```
#abc0e4
```
#abc0e4 rgb(171,192,228)
```
#b9cbe9
```
#b9cbe9 rgb(185,203,233)
```
#c8d6ed
```
#c8d6ed rgb(200,214,237)
```
#d7e1f2
```
#d7e1f2 rgb(215,225,242)
```
#e6ecf7
```
#e6ecf7 rgb(230,236,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#696d75
```
#696d75 rgb(105,109,117)
```
#616b7d
```
#616b7d rgb(97,107,125)
```
#586986
```
#586986 rgb(88,105,134)
```
#50678e
```
#50678e rgb(80,103,142)
```
#476497
```
#476497 rgb(71,100,151)
```
#3f629f
```
#3f629f rgb(63,98,159)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#2d5eb1
```
#2d5eb1 rgb(45,94,177)
```
#255cb9
```
#255cb9 rgb(37,92,185)
```
#1c59c2
```
#1c59c2 rgb(28,89,194)
```
#1457ca
```
#1457ca rgb(20,87,202)
```
#0b55d3
```
#0b55d3 rgb(11,85,211)
```
#0353db
```
#0353db rgb(3,83,219)
```

Tone Color Variation

Below, you can see how #3660a8 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
#545d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4867ab Protanopia 1% of men
#306aab Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#4164aa Protanomaly 1% of men, 0.01% of women
#3266aa Deuteranomaly 6% of men, 0.4% of women
#136c8b Tritanomaly 0.01% of the population

#3660a8 hex color

#3660a8 Color Information

#3660a8 Color Conversion

Color Schemes with #3660a8

Alternatives to #3660a8

#3660a8 Preview

Shades and Tints of #3660a8

Tones of #3660a8

Color Blindness Simulator