#2a335f hex color

In a RGB color space, hex #2a335f is composed of 16.5% red, 20% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 46.3% magenta, 0% yellow and 62.7% black. It has a hue angle of 229.8 degrees, a saturation of 38.7% and a lightness of 26.9%. #2a335f color hex could be obtained by blending #5466be with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 20
- B 37
RGB color chart
- C 56
- M 46
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #2a335f has RGB values of R:42, G:51, B:95 and CMYK values of C:0.56, M:0.46, Y:0, K:0.63. Its decimal value is 2765663.

Hex triplet	2a335f	`#2a335f`
RGB Decimal	42, 51, 95	`rgb(42,51,95)`
RGB Percent	16.5, 20, 37.3	`rgb(16.5%,20%,37.3%)`
CMYK	56, 46, 0, 63
HSL	229.8°, 38.7, 26.9	`hsl(229.8,38.7%,26.9%)`
HSV (or HSB)	229.8°, 55.8, 37.3
Web Safe	333366	`#333366`

CIE-LAB	22.605, 10.423, -27.471
XYZ	4.204, 3.686, 11.316
xyY	0.219, 0.192, 3.686
CIE-LCH	22.605, 29.382, 290.777
CIE-LUV	22.605, -5.255, -33.298
Hunter-Lab	19.199, 5.487, -21.506
Binary	00101010, 00110011, 01011111

#2a335f
```
#2a335f rgb(42,51,95)
```
#5f562a
```
#5f562a rgb(95,86,42)
```

Complementary Color

#2a4e5f
```
#2a4e5f rgb(42,78,95)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#3c2a5f
```
#3c2a5f rgb(60,42,95)
```

Analogous Color

#4e5f2a
```
#4e5f2a rgb(78,95,42)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#5f3c2a
```
#5f3c2a rgb(95,60,42)
```

Split Complementary Color

#335f2a
```
#335f2a rgb(51,95,42)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#5f2a33
```
#5f2a33 rgb(95,42,51)
```

Triadic Color

#2a5f56
```
#2a5f56 rgb(42,95,86)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#5f2a33
```
#5f2a33 rgb(95,42,51)
```
#5f562a
```
#5f562a rgb(95,86,42)
```

Tetradic Color

#13172a
```
#13172a rgb(19,23,42)
```
#1a203c
```
#1a203c rgb(26,32,60)
```
#222a4d
```
#222a4d rgb(34,42,77)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#323c71
```
#323c71 rgb(50,60,113)
```
#3a4682
```
#3a4682 rgb(58,70,130)
```
#414f94
```
#414f94 rgb(65,79,148)
```

Monochromatic Color

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

#2a405f
```
#2a405f rgb(42,64,95)
```
#2a3c5f
```
#2a3c5f rgb(42,60,95)
```
#2a375f
```
#2a375f rgb(42,55,95)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#2a2f5f
```
#2a2f5f rgb(42,47,95)
```
#2a2a5f
```
#2a2a5f rgb(42,42,95)
```
#2e2a5f
```
#2e2a5f rgb(46,42,95)
```

Similar Colors

Text with hexadecimal color #2a335f

This text has a font color of #2a335f.

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

#2a335f background color

This paragraph has a background color of #2a335f.

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

#2a335f border color

This element has a border color of #2a335f.

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

CSS codes

.text {color:#2a335f;}

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

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

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, #06070d is the darkest color, while #ffffff is the lightest one.

#06070d
```
#06070d rgb(6,7,13)
```
#0c0e1b
```
#0c0e1b rgb(12,14,27)
```
#121629
```
#121629 rgb(18,22,41)
```
#181d36
```
#181d36 rgb(24,29,54)
```
#1e2444
```
#1e2444 rgb(30,36,68)
```
#242c51
```
#242c51 rgb(36,44,81)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#303a6d
```
#303a6d rgb(48,58,109)
```
#36427a
```
#36427a rgb(54,66,122)
```
#3c4988
```
#3c4988 rgb(60,73,136)
```
#425095
```
#425095 rgb(66,80,149)
```
#4858a3
```
#4858a3 rgb(72,88,163)
```
#4e5fb1
```
#4e5fb1 rgb(78,95,177)
```

Shade Color Variation

#5c6bb7
```
#5c6bb7 rgb(92,107,183)
```
#6977bd
```
#6977bd rgb(105,119,189)
```
#7784c3
```
#7784c3 rgb(119,132,195)
```
#8490c9
```
#8490c9 rgb(132,144,201)
```
#929ccf
```
#929ccf rgb(146,156,207)
```
#a0a9d5
```
#a0a9d5 rgb(160,169,213)
```
#adb5db
```
#adb5db rgb(173,181,219)
```
#bbc1e1
```
#bbc1e1 rgb(187,193,225)
```
#c8cee7
```
#c8cee7 rgb(200,206,231)
```
#d6daed
```
#d6daed rgb(214,218,237)
```
#e4e6f3
```
#e4e6f3 rgb(228,230,243)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444445
```
#444445 rgb(68,68,69)
```
#3f414a
```
#3f414a rgb(63,65,74)
```
#3a3d4f
```
#3a3d4f rgb(58,61,79)
```
#353a54
```
#353a54 rgb(53,58,84)
```
#2f365a
```
#2f365a rgb(47,54,90)
```
#2a335f
```
#2a335f rgb(42,51,95)
```
#253064
```
#253064 rgb(37,48,100)
```
#1f2c6a
```
#1f2c6a rgb(31,44,106)
```
#1a296f
```
#1a296f rgb(26,41,111)
```
#152574
```
#152574 rgb(21,37,116)
```
#102279
```
#102279 rgb(16,34,121)
```
#0a1e7f
```
#0a1e7f rgb(10,30,127)
```
#051b84
```
#051b84 rgb(5,27,132)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#33353d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c3f68 Protanopia 1% of men
#254066 Deuteranopia 1% of men
#284449 Tritanopia 0.001% of the population

Trichromacy

#2b3a65 Protanomaly 1% of men, 0.01% of women
#263b63 Deuteranomaly 6% of men, 0.4% of women
#283e51 Tritanomaly 0.01% of the population

#2a335f hex color

#2a335f Color Information

#2a335f Color Conversion

Color Schemes with #2a335f

Alternatives to #2a335f

#2a335f Preview

Shades and Tints of #2a335f

Tones of #2a335f

Color Blindness Simulator