#2a3660 hex color

In a RGB color space, hex #2a3660 is composed of 16.5% red, 21.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 43.8% magenta, 0% yellow and 62.4% black. It has a hue angle of 226.7 degrees, a saturation of 39.1% and a lightness of 27.1%. #2a3660 color hex could be obtained by blending #546cc0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 21
- B 38
RGB color chart
- C 56
- M 44
- Y 0
- K 62
CMYK color chart

● #2a3660 color description : Very dark desaturated blue.

The hexadecimal color #2a3660 has RGB values of R:42, G:54, B:96 and CMYK values of C:0.56, M:0.44, Y:0, K:0.62. Its decimal value is 2766432.

Hex triplet	2a3660	`#2a3660`
RGB Decimal	42, 54, 96	`rgb(42,54,96)`
RGB Percent	16.5, 21.2, 37.6	`rgb(16.5%,21.2%,37.6%)`
CMYK	56, 44, 0, 62
HSL	226.7°, 39.1, 27.1	`hsl(226.7,39.1%,27.1%)`
HSV (or HSB)	226.7°, 56.3, 37.6
Web Safe	333366	`#333366`

CIE-LAB	23.588, 8.687, -26.561
XYZ	4.385, 3.975, 11.602
xyY	0.22, 0.199, 3.975
CIE-LCH	23.588, 27.946, 288.11
CIE-LUV	23.588, -6.237, -32.597
Hunter-Lab	19.937, 4.368, -20.546
Binary	00101010, 00110110, 01100000

#2a3660
```
#2a3660 rgb(42,54,96)
```
#60542a
```
#60542a rgb(96,84,42)
```

Complementary Color

#2a5160
```
#2a5160 rgb(42,81,96)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#392a60
```
#392a60 rgb(57,42,96)
```

Analogous Color

#51602a
```
#51602a rgb(81,96,42)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#60392a
```
#60392a rgb(96,57,42)
```

Split Complementary Color

#36602a
```
#36602a rgb(54,96,42)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#602a36
```
#602a36 rgb(96,42,54)
```

Triadic Color

#2a6054
```
#2a6054 rgb(42,96,84)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#602a36
```
#602a36 rgb(96,42,54)
```
#60542a
```
#60542a rgb(96,84,42)
```

Tetradic Color

#13182b
```
#13182b rgb(19,24,43)
```
#1a223d
```
#1a223d rgb(26,34,61)
```
#222c4e
```
#222c4e rgb(34,44,78)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#324072
```
#324072 rgb(50,64,114)
```
#3a4a83
```
#3a4a83 rgb(58,74,131)
```
#415495
```
#415495 rgb(65,84,149)
```

Monochromatic Color

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

#2a4460
```
#2a4460 rgb(42,68,96)
```
#2a3f60
```
#2a3f60 rgb(42,63,96)
```
#2a3b60
```
#2a3b60 rgb(42,59,96)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#2a3260
```
#2a3260 rgb(42,50,96)
```
#2a2d60
```
#2a2d60 rgb(42,45,96)
```
#2c2a60
```
#2c2a60 rgb(44,42,96)
```

Similar Colors

Text with hexadecimal color #2a3660

This text has a font color of #2a3660.

<span style="color:#2a3660;">Text here</span>

#2a3660 background color

This paragraph has a background color of #2a3660.

<p style="background-color:#2a3660;">Content here</p>

#2a3660 border color

This element has a border color of #2a3660.

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

CSS codes

.text {color:#2a3660;}

.background {background-color:#2a3660;}

.border {border:1px solid #2a3660;}

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

#000000
```
#000000 rgb(0,0,0)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0c101c
```
#0c101c rgb(12,16,28)
```
#121729
```
#121729 rgb(18,23,41)
```
#181f37
```
#181f37 rgb(24,31,55)
```
#1e2745
```
#1e2745 rgb(30,39,69)
```
#242e52
```
#242e52 rgb(36,46,82)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#303e6e
```
#303e6e rgb(48,62,110)
```
#36457b
```
#36457b rgb(54,69,123)
```
#3c4d89
```
#3c4d89 rgb(60,77,137)
```
#425597
```
#425597 rgb(66,85,151)
```
#485ca4
```
#485ca4 rgb(72,92,164)
```

Shade Color Variation

#4e64b2
```
#4e64b2 rgb(78,100,178)
```
#5c70b8
```
#5c70b8 rgb(92,112,184)
```
#697cbe
```
#697cbe rgb(105,124,190)
```
#7788c4
```
#7788c4 rgb(119,136,196)
```
#8594c9
```
#8594c9 rgb(133,148,201)
```
#92a0cf
```
#92a0cf rgb(146,160,207)
```
#a0acd5
```
#a0acd5 rgb(160,172,213)
```
#aeb8db
```
#aeb8db rgb(174,184,219)
```
#bbc4e1
```
#bbc4e1 rgb(187,196,225)
```
#c9d0e7
```
#c9d0e7 rgb(201,208,231)
```
#d7dced
```
#d7dced rgb(215,220,237)
```
#e4e8f3
```
#e4e8f3 rgb(228,232,243)
```
#f2f3f9
```
#f2f3f9 rgb(242,243,249)
```

Tint Color Variation

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

#454545
```
#454545 rgb(69,69,69)
```
#3f424b
```
#3f424b rgb(63,66,75)
```
#3a3f50
```
#3a3f50 rgb(58,63,80)
```
#353c55
```
#353c55 rgb(53,60,85)
```
#2f395b
```
#2f395b rgb(47,57,91)
```
#2a3660
```
#2a3660 rgb(42,54,96)
```
#253365
```
#253365 rgb(37,51,101)
```
#1f306b
```
#1f306b rgb(31,48,107)
```
#1a2d70
```
#1a2d70 rgb(26,45,112)
```
#152a75
```
#152a75 rgb(21,42,117)
```
#0f277b
```
#0f277b rgb(15,39,123)
```
#0a2480
```
#0a2480 rgb(10,36,128)
```
#052185
```
#052185 rgb(5,33,133)
```

Tone Color Variation

Below, you can see how #2a3660 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

#373737 Achromatopsia 0.005% of the population
#34373f Atypical Achromatopsia 0.001% of the population

Dichromacy

#304168 Protanopia 1% of men
#294267 Deuteranopia 1% of men
#28464c Tritanopia 0.001% of the population

Trichromacy

#2e3d65 Protanomaly 1% of men, 0.01% of women
#293e64 Deuteranomaly 6% of men, 0.4% of women
#294053 Tritanomaly 0.01% of the population

#2a3660 hex color

#2a3660 Color Information

#2a3660 Color Conversion

Color Schemes with #2a3660

Alternatives to #2a3660

#2a3660 Preview

Shades and Tints of #2a3660

Tones of #2a3660

Color Blindness Simulator