#2a3f5b hex color

In a RGB color space, hex #2a3f5b is composed of 16.5% red, 24.7% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 30.8% magenta, 0% yellow and 64.3% black. It has a hue angle of 214.3 degrees, a saturation of 36.8% and a lightness of 26.1%. #2a3f5b color hex could be obtained by blending #547eb6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 25
- B 36
RGB color chart
- C 54
- M 31
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #2a3f5b has RGB values of R:42, G:63, B:91 and CMYK values of C:0.54, M:0.31, Y:0, K:0.64. Its decimal value is 2768731.

Hex triplet	2a3f5b	`#2a3f5b`
RGB Decimal	42, 63, 91	`rgb(42,63,91)`
RGB Percent	16.5, 24.7, 35.7	`rgb(16.5%,24.7%,35.7%)`
CMYK	54, 31, 0, 64
HSL	214.3°, 36.8, 26.1	`hsl(214.3,36.8%,26.1%)`
HSV (or HSB)	214.3°, 53.8, 35.7
Web Safe	333366	`#333366`

CIE-LAB	26.164, 0.737, -19.252
XYZ	4.62, 4.802, 10.58
xyY	0.231, 0.24, 4.802
CIE-LCH	26.164, 19.266, 272.192
CIE-LUV	26.164, -9.301, -23.675
Hunter-Lab	21.914, -0.716, -13.286
Binary	00101010, 00111111, 01011011

#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#5b462a
```
#5b462a rgb(91,70,42)
```

Complementary Color

#2a585b
```
#2a585b rgb(42,88,91)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#2e2a5b
```
#2e2a5b rgb(46,42,91)
```

Analogous Color

#585b2a
```
#585b2a rgb(88,91,42)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#5b2e2a
```
#5b2e2a rgb(91,46,42)
```

Split Complementary Color

#3f5b2a
```
#3f5b2a rgb(63,91,42)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#5b2a3f
```
#5b2a3f rgb(91,42,63)
```

Triadic Color

#2a5b46
```
#2a5b46 rgb(42,91,70)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#5b2a3f
```
#5b2a3f rgb(91,42,63)
```
#5b462a
```
#5b462a rgb(91,70,42)
```

Tetradic Color

#121b27
```
#121b27 rgb(18,27,39)
```
#1a2738
```
#1a2738 rgb(26,39,56)
```
#22334a
```
#22334a rgb(34,51,74)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#324b6c
```
#324b6c rgb(50,75,108)
```
#3a577e
```
#3a577e rgb(58,87,126)
```
#42638f
```
#42638f rgb(66,99,143)
```

Monochromatic Color

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

#2a4b5b
```
#2a4b5b rgb(42,75,91)
```
#2a475b
```
#2a475b rgb(42,71,91)
```
#2a435b
```
#2a435b rgb(42,67,91)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#2a3b5b
```
#2a3b5b rgb(42,59,91)
```
#2a375b
```
#2a375b rgb(42,55,91)
```
#2a335b
```
#2a335b rgb(42,51,91)
```

Similar Colors

Text with hexadecimal color #2a3f5b

This text has a font color of #2a3f5b.

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

#2a3f5b background color

This paragraph has a background color of #2a3f5b.

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

#2a3f5b border color

This element has a border color of #2a3f5b.

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

CSS codes

.text {color:#2a3f5b;}

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

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

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

#05070a
```
#05070a rgb(5,7,10)
```
#0b1118
```
#0b1118 rgb(11,17,24)
```
#111a25
```
#111a25 rgb(17,26,37)
```
#172333
```
#172333 rgb(23,35,51)
```
#1e2c40
```
#1e2c40 rgb(30,44,64)
```
#24364e
```
#24364e rgb(36,54,78)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#304868
```
#304868 rgb(48,72,104)
```
#365276
```
#365276 rgb(54,82,118)
```
#3d5b83
```
#3d5b83 rgb(61,91,131)
```
#436491
```
#436491 rgb(67,100,145)
```
#496d9e
```
#496d9e rgb(73,109,158)
```
#4f77ac
```
#4f77ac rgb(79,119,172)
```

Shade Color Variation

#5b81b3
```
#5b81b3 rgb(91,129,179)
```
#688bba
```
#688bba rgb(104,139,186)
```
#7695c0
```
#7695c0 rgb(118,149,192)
```
#83a0c6
```
#83a0c6 rgb(131,160,198)
```
#91aacc
```
#91aacc rgb(145,170,204)
```
#9eb4d2
```
#9eb4d2 rgb(158,180,210)
```
#acbfd8
```
#acbfd8 rgb(172,191,216)
```
#b9c9df
```
#b9c9df rgb(185,201,223)
```
#c6d3e5
```
#c6d3e5 rgb(198,211,229)
```
#d4deeb
```
#d4deeb rgb(212,222,235)
```
#e1e8f1
```
#e1e8f1 rgb(225,232,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#3e4247
```
#3e4247 rgb(62,66,71)
```
#39414c
```
#39414c rgb(57,65,76)
```
#344051
```
#344051 rgb(52,64,81)
```
#2f4056
```
#2f4056 rgb(47,64,86)
```
#2a3f5b
```
#2a3f5b rgb(42,63,91)
```
#253e60
```
#253e60 rgb(37,62,96)
```
#203e65
```
#203e65 rgb(32,62,101)
```
#1b3d6a
```
#1b3d6a rgb(27,61,106)
```
#163c6f
```
#163c6f rgb(22,60,111)
```
#103b75
```
#103b75 rgb(16,59,117)
```
#0b3b7a
```
#0b3b7a rgb(11,59,122)
```
#063a7f
```
#063a7f rgb(6,58,127)
```
#013984
```
#013984 rgb(1,57,132)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#383d42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f4762 Protanopia 1% of men
#3c4764 Deuteranopia 1% of men
#2d4c52 Tritanopia 0.001% of the population

Trichromacy

#37445f Protanomaly 1% of men, 0.01% of women
#354460 Deuteranomaly 6% of men, 0.4% of women
#2c4755 Tritanomaly 0.01% of the population

#2a3f5b hex color

#2a3f5b Color Information

#2a3f5b Color Conversion

Color Schemes with #2a3f5b

Alternatives to #2a3f5b

#2a3f5b Preview

Shades and Tints of #2a3f5b

Tones of #2a3f5b

Color Blindness Simulator