#2a395a hex color

In a RGB color space, hex #2a395a is composed of 16.5% red, 22.4% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 36.7% magenta, 0% yellow and 64.7% black. It has a hue angle of 221.3 degrees, a saturation of 36.4% and a lightness of 25.9%. #2a395a color hex could be obtained by blending #5472b4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 22
- B 35
RGB color chart
- C 53
- M 37
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #2a395a has RGB values of R:42, G:57, B:90 and CMYK values of C:0.53, M:0.37, Y:0, K:0.65. Its decimal value is 2767194.

Hex triplet	2a395a	`#2a395a`
RGB Decimal	42, 57, 90	`rgb(42,57,90)`
RGB Percent	16.5, 22.4, 35.3	`rgb(16.5%,22.4%,35.3%)`
CMYK	53, 37, 0, 65
HSL	221.3°, 36.4, 25.9	`hsl(221.3,36.4%,25.9%)`
HSV (or HSB)	221.3°, 53.3, 35.3
Web Safe	333366	`#333366`

CIE-LAB	24.182, 4.45, -21.701
XYZ	4.263, 4.156, 10.25
xyY	0.228, 0.223, 4.156
CIE-LCH	24.182, 22.153, 281.589
CIE-LUV	24.182, -7.135, -26.441
Hunter-Lab	20.387, 1.646, -15.537
Binary	00101010, 00111001, 01011010

#2a395a
```
#2a395a rgb(42,57,90)
```
#5a4b2a
```
#5a4b2a rgb(90,75,42)
```

Complementary Color

#2a515a
```
#2a515a rgb(42,81,90)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#332a5a
```
#332a5a rgb(51,42,90)
```

Analogous Color

#515a2a
```
#515a2a rgb(81,90,42)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#5a332a
```
#5a332a rgb(90,51,42)
```

Split Complementary Color

#395a2a
```
#395a2a rgb(57,90,42)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#5a2a39
```
#5a2a39 rgb(90,42,57)
```

Triadic Color

#2a5a4b
```
#2a5a4b rgb(42,90,75)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#5a2a39
```
#5a2a39 rgb(90,42,57)
```
#5a4b2a
```
#5a4b2a rgb(90,75,42)
```

Tetradic Color

#121826
```
#121826 rgb(18,24,38)
```
#1a2337
```
#1a2337 rgb(26,35,55)
```
#222e49
```
#222e49 rgb(34,46,73)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#32446b
```
#32446b rgb(50,68,107)
```
#3a4f7d
```
#3a4f7d rgb(58,79,125)
```
#425a8e
```
#425a8e rgb(66,90,142)
```

Monochromatic Color

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

#2a455a
```
#2a455a rgb(42,69,90)
```
#2a415a
```
#2a415a rgb(42,65,90)
```
#2a3d5a
```
#2a3d5a rgb(42,61,90)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#2a355a
```
#2a355a rgb(42,53,90)
```
#2a315a
```
#2a315a rgb(42,49,90)
```
#2a2d5a
```
#2a2d5a rgb(42,45,90)
```

Similar Colors

Text with hexadecimal color #2a395a

This text has a font color of #2a395a.

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

#2a395a background color

This paragraph has a background color of #2a395a.

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

#2a395a border color

This element has a border color of #2a395a.

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

CSS codes

.text {color:#2a395a;}

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

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

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, #05060a is the darkest color, while #fbfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0f17
```
#0b0f17 rgb(11,15,23)
```
#111725
```
#111725 rgb(17,23,37)
```
#172032
```
#172032 rgb(23,32,50)
```
#1e283f
```
#1e283f rgb(30,40,63)
```
#24314d
```
#24314d rgb(36,49,77)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#304167
```
#304167 rgb(48,65,103)
```
#364a75
```
#364a75 rgb(54,74,117)
```
#3d5282
```
#3d5282 rgb(61,82,130)
```
#435b8f
```
#435b8f rgb(67,91,143)
```
#49639d
```
#49639d rgb(73,99,157)
```
#4f6caa
```
#4f6caa rgb(79,108,170)
```

Shade Color Variation

#5b76b2
```
#5b76b2 rgb(91,118,178)
```
#6881b9
```
#6881b9 rgb(104,129,185)
```
#768dbf
```
#768dbf rgb(118,141,191)
```
#8398c5
```
#8398c5 rgb(131,152,197)
```
#90a3cb
```
#90a3cb rgb(144,163,203)
```
#9eaed2
```
#9eaed2 rgb(158,174,210)
```
#abb9d8
```
#abb9d8 rgb(171,185,216)
```
#b9c4de
```
#b9c4de rgb(185,196,222)
```
#c6cfe4
```
#c6cfe4 rgb(198,207,228)
```
#d3dbeb
```
#d3dbeb rgb(211,219,235)
```
#e1e6f1
```
#e1e6f1 rgb(225,230,241)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#3e4146
```
#3e4146 rgb(62,65,70)
```
#393f4b
```
#393f4b rgb(57,63,75)
```
#343d50
```
#343d50 rgb(52,61,80)
```
#2f3b55
```
#2f3b55 rgb(47,59,85)
```
#2a395a
```
#2a395a rgb(42,57,90)
```
#25375f
```
#25375f rgb(37,55,95)
```
#203564
```
#203564 rgb(32,53,100)
```
#1b3369
```
#1b3369 rgb(27,51,105)
```
#16316e
```
#16316e rgb(22,49,110)
```
#112f73
```
#112f73 rgb(17,47,115)
```
#0c2e78
```
#0c2e78 rgb(12,46,120)
```
#062c7e
```
#062c7e rgb(6,44,126)
```
#012a83
```
#012a83 rgb(1,42,131)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#35383f Atypical Achromatopsia 0.001% of the population

Dichromacy

#384262 Protanopia 1% of men
#344362 Deuteranopia 1% of men
#2c474d Tritanopia 0.001% of the population

Trichromacy

#323f5f Protanomaly 1% of men, 0.01% of women
#303f5f Deuteranomaly 6% of men, 0.4% of women
#2b4251 Tritanomaly 0.01% of the population

#2a395a hex color

#2a395a Color Information

#2a395a Color Conversion

Color Schemes with #2a395a

Alternatives to #2a395a

#2a395a Preview

Shades and Tints of #2a395a

Tones of #2a395a

Color Blindness Simulator