#2a536d hex color

In a RGB color space, hex #2a536d is composed of 16.5% red, 32.5% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 23.9% magenta, 0% yellow and 57.3% black. It has a hue angle of 203.3 degrees, a saturation of 44.4% and a lightness of 29.6%. #2a536d color hex could be obtained by blending #54a6da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 33
- B 43
RGB color chart
- C 61
- M 24
- Y 0
- K 57
CMYK color chart

● #2a536d color description : Very dark blue.

The hexadecimal color #2a536d has RGB values of R:42, G:83, B:109 and CMYK values of C:0.61, M:0.24, Y:0, K:0.57. Its decimal value is 2773869.

Hex triplet	2a536d	`#2a536d`
RGB Decimal	42, 83, 109	`rgb(42,83,109)`
RGB Percent	16.5, 32.5, 42.7	`rgb(16.5%,32.5%,42.7%)`
CMYK	61, 24, 0, 57
HSL	203.3°, 44.4, 29.6	`hsl(203.3,44.4%,29.6%)`
HSV (or HSB)	203.3°, 61.5, 42.7
Web Safe	336666	`#336666`

CIE-LAB	33.526, -5.826, -19.288
XYZ	6.808, 7.782, 15.611
xyY	0.225, 0.258, 7.782
CIE-LCH	33.526, 20.148, 253.193
CIE-LUV	33.526, -16.566, -24.945
Hunter-Lab	27.897, -5.26, -13.65
Binary	00101010, 01010011, 01101101

#2a536d
```
#2a536d rgb(42,83,109)
```
#6d442a
```
#6d442a rgb(109,68,42)
```

Complementary Color

#2a6d66
```
#2a6d66 rgb(42,109,102)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#2a326d
```
#2a326d rgb(42,50,109)
```

Analogous Color

#6d662a
```
#6d662a rgb(109,102,42)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#6d2a32
```
#6d2a32 rgb(109,42,50)
```

Split Complementary Color

#536d2a
```
#536d2a rgb(83,109,42)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#6d2a53
```
#6d2a53 rgb(109,42,83)
```

Triadic Color

#2a6d44
```
#2a6d44 rgb(42,109,68)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#6d2a53
```
#6d2a53 rgb(109,42,83)
```
#6d442a
```
#6d442a rgb(109,68,42)
```

Tetradic Color

#152936
```
#152936 rgb(21,41,54)
```
#1c3748
```
#1c3748 rgb(28,55,72)
```
#23455b
```
#23455b rgb(35,69,91)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#31617f
```
#31617f rgb(49,97,127)
```
#386f92
```
#386f92 rgb(56,111,146)
```
#3f7da4
```
#3f7da4 rgb(63,125,164)
```

Monochromatic Color

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

#2a646d
```
#2a646d rgb(42,100,109)
```
#2a5e6d
```
#2a5e6d rgb(42,94,109)
```
#2a596d
```
#2a596d rgb(42,89,109)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#2a4d6d
```
#2a4d6d rgb(42,77,109)
```
#2a486d
```
#2a486d rgb(42,72,109)
```
#2a426d
```
#2a426d rgb(42,66,109)
```

Similar Colors

Text with hexadecimal color #2a536d

This text has a font color of #2a536d.

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

#2a536d background color

This paragraph has a background color of #2a536d.

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

#2a536d border color

This element has a border color of #2a536d.

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

CSS codes

.text {color:#2a536d;}

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

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

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

#04080a
```
#04080a rgb(4,8,10)
```
#091218
```
#091218 rgb(9,18,24)
```
#0f1d26
```
#0f1d26 rgb(15,29,38)
```
#142834
```
#142834 rgb(20,40,52)
```
#1a3343
```
#1a3343 rgb(26,51,67)
```
#1f3d51
```
#1f3d51 rgb(31,61,81)
```
#25485f
```
#25485f rgb(37,72,95)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#2f5e7b
```
#2f5e7b rgb(47,94,123)
```
#356989
```
#356989 rgb(53,105,137)
```
#3a7397
```
#3a7397 rgb(58,115,151)
```
#407ea6
```
#407ea6 rgb(64,126,166)
```
#4589b4
```
#4589b4 rgb(69,137,180)
```

Shade Color Variation

#5192bc
```
#5192bc rgb(81,146,188)
```
#5f9bc1
```
#5f9bc1 rgb(95,155,193)
```
#6da4c7
```
#6da4c7 rgb(109,164,199)
```
#7badcc
```
#7badcc rgb(123,173,204)
```
#89b6d2
```
#89b6d2 rgb(137,182,210)
```
#98bed7
```
#98bed7 rgb(152,190,215)
```
#a6c7dd
```
#a6c7dd rgb(166,199,221)
```
#b4d0e2
```
#b4d0e2 rgb(180,208,226)
```
#c2d9e8
```
#c2d9e8 rgb(194,217,232)
```
#d0e2ed
```
#d0e2ed rgb(208,226,237)
```
#deebf2
```
#deebf2 rgb(222,235,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#474c50
```
#474c50 rgb(71,76,80)
```
#414e56
```
#414e56 rgb(65,78,86)
```
#3b4f5c
```
#3b4f5c rgb(59,79,92)
```
#365061
```
#365061 rgb(54,80,97)
```
#305267
```
#305267 rgb(48,82,103)
```
#2a536d
```
#2a536d rgb(42,83,109)
```
#245473
```
#245473 rgb(36,84,115)
```
#1e5679
```
#1e5679 rgb(30,86,121)
```
#19577e
```
#19577e rgb(25,87,126)
```
#135884
```
#135884 rgb(19,88,132)
```
#0d5a8a
```
#0d5a8a rgb(13,90,138)
```
#075b90
```
#075b90 rgb(7,91,144)
```
#015c96
```
#015c96 rgb(1,92,150)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505771 Protanopia 1% of men
#4d5776 Deuteranopia 1% of men
#2d5e65 Tritanopia 0.001% of the population

Trichromacy

#42556f Protanomaly 1% of men, 0.01% of women
#405573 Deuteranomaly 6% of men, 0.4% of women
#2b5a68 Tritanomaly 0.01% of the population

#2a536d hex color

#2a536d Color Information

#2a536d Color Conversion

Color Schemes with #2a536d

Alternatives to #2a536d

#2a536d Preview

Shades and Tints of #2a536d

Tones of #2a536d

Color Blindness Simulator