#3660ba hex color

In a RGB color space, hex #3660ba is composed of 21.2% red, 37.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 48.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 220.9 degrees, a saturation of 55% and a lightness of 47.1%. #3660ba color hex could be obtained by blending #6cc0ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 38
- B 73
RGB color chart
- C 71
- M 48
- Y 0
- K 27
CMYK color chart

● #3660ba color description : Moderate blue.

The hexadecimal color #3660ba has RGB values of R:54, G:96, B:186 and CMYK values of C:0.71, M:0.48, Y:0, K:0.27. Its decimal value is 3563706.

Hex triplet	3660ba	`#3660ba`
RGB Decimal	54, 96, 186	`rgb(54,96,186)`
RGB Percent	21.2, 37.6, 72.9	`rgb(21.2%,37.6%,72.9%)`
CMYK	71, 48, 0, 27
HSL	220.9°, 55, 47.1	`hsl(220.9,55%,47.1%)`
HSV (or HSB)	220.9°, 71, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.299, 16.277, -51.842
XYZ	14.565, 12.694, 48.134
xyY	0.193, 0.168, 12.694
CIE-LCH	42.299, 54.337, 287.431
CIE-LUV	42.299, -17.093, -77.718
Hunter-Lab	35.629, 10.621, -55.16
Binary	00110110, 01100000, 10111010

#3660ba
```
#3660ba rgb(54,96,186)
```
#ba9036
```
#ba9036 rgb(186,144,54)
```

Complementary Color

#36a2ba
```
#36a2ba rgb(54,162,186)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#4e36ba
```
#4e36ba rgb(78,54,186)
```

Analogous Color

#a2ba36
```
#a2ba36 rgb(162,186,54)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#ba4e36
```
#ba4e36 rgb(186,78,54)
```

Split Complementary Color

#60ba36
```
#60ba36 rgb(96,186,54)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#ba3660
```
#ba3660 rgb(186,54,96)
```

Triadic Color

#36ba90
```
#36ba90 rgb(54,186,144)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#ba3660
```
#ba3660 rgb(186,54,96)
```
#ba9036
```
#ba9036 rgb(186,144,54)
```

Tetradic Color

#25417f
```
#25417f rgb(37,65,127)
```
#2b4c92
```
#2b4c92 rgb(43,76,146)
```
#3056a6
```
#3056a6 rgb(48,86,166)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#426cc8
```
#426cc8 rgb(66,108,200)
```
#557cce
```
#557cce rgb(85,124,206)
```
#698bd3
```
#698bd3 rgb(105,139,211)
```

Monochromatic Color

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

#3681ba
```
#3681ba rgb(54,129,186)
```
#3676ba
```
#3676ba rgb(54,118,186)
```
#366bba
```
#366bba rgb(54,107,186)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#3655ba
```
#3655ba rgb(54,85,186)
```
#364aba
```
#364aba rgb(54,74,186)
```
#363fba
```
#363fba rgb(54,63,186)
```

Similar Colors

Text with hexadecimal color #3660ba

This text has a font color of #3660ba.

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

#3660ba background color

This paragraph has a background color of #3660ba.

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

#3660ba border color

This element has a border color of #3660ba.

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

CSS codes

.text {color:#3660ba;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#0a1222
```
#0a1222 rgb(10,18,34)
```
#0e1931
```
#0e1931 rgb(14,25,49)
```
#132140
```
#132140 rgb(19,33,64)
```
#172950
```
#172950 rgb(23,41,80)
```
#1c315f
```
#1c315f rgb(28,49,95)
```
#20396e
```
#20396e rgb(32,57,110)
```
#24417d
```
#24417d rgb(36,65,125)
```
#29488c
```
#29488c rgb(41,72,140)
```
#2d509c
```
#2d509c rgb(45,80,156)
```
#3258ab
```
#3258ab rgb(50,88,171)
```
#3660ba
```
#3660ba rgb(54,96,186)
```

Shade Color Variation

#3d69c7
```
#3d69c7 rgb(61,105,199)
```
#4c75cb
```
#4c75cb rgb(76,117,203)
```
#5b80cf
```
#5b80cf rgb(91,128,207)
```
#6b8cd4
```
#6b8cd4 rgb(107,140,212)
```
#7a98d8
```
#7a98d8 rgb(122,152,216)
```
#89a4dd
```
#89a4dd rgb(137,164,221)
```
#98afe1
```
#98afe1 rgb(152,175,225)
```
#a7bbe6
```
#a7bbe6 rgb(167,187,230)
```
#b7c7ea
```
#b7c7ea rgb(183,199,234)
```
#c6d3ee
```
#c6d3ee rgb(198,211,238)
```
#d5def3
```
#d5def3 rgb(213,222,243)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777779 is the less saturated color, while #084fe8 is the most saturated one.

#777779
```
#777779 rgb(119,119,121)
```
#6d7483
```
#6d7483 rgb(109,116,131)
```
#64718c
```
#64718c rgb(100,113,140)
```
#5b6d95
```
#5b6d95 rgb(91,109,149)
```
#526a9e
```
#526a9e rgb(82,106,158)
```
#4867a8
```
#4867a8 rgb(72,103,168)
```
#3f63b1
```
#3f63b1 rgb(63,99,177)
```
#3660ba
```
#3660ba rgb(54,96,186)
```
#2d5dc3
```
#2d5dc3 rgb(45,93,195)
```
#2459cc
```
#2459cc rgb(36,89,204)
```
#1a56d6
```
#1a56d6 rgb(26,86,214)
```
#1153df
```
#1153df rgb(17,83,223)
```
#084fe8
```
#084fe8 rgb(8,79,232)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#565e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3969be Protanopia 1% of men
#006db6 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#3865bc Protanomaly 1% of men, 0.01% of women
#1368b7 Deuteranomaly 6% of men, 0.4% of women
#136e94 Tritanomaly 0.01% of the population

#3660ba hex color

#3660ba Color Information

#3660ba Color Conversion

Color Schemes with #3660ba

Alternatives to #3660ba

#3660ba Preview

Shades and Tints of #3660ba

Tones of #3660ba

Color Blindness Simulator