#2a337d hex color

In a RGB color space, hex #2a337d is composed of 16.5% red, 20% green and 49% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 59.2% magenta, 0% yellow and 51% black. It has a hue angle of 233.5 degrees, a saturation of 49.7% and a lightness of 32.7%. #2a337d color hex could be obtained by blending #5466fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 20
- B 49
RGB color chart
- C 66
- M 59
- Y 0
- K 51
CMYK color chart

● #2a337d color description : Dark moderate blue.

The hexadecimal color #2a337d has RGB values of R:42, G:51, B:125 and CMYK values of C:0.66, M:0.59, Y:0, K:0.51. Its decimal value is 2765693.

Hex triplet	2a337d	`#2a337d`
RGB Decimal	42, 51, 125	`rgb(42,51,125)`
RGB Percent	16.5, 20, 49	`rgb(16.5%,20%,49%)`
CMYK	66, 59, 0, 51
HSL	233.5°, 49.7, 32.7	`hsl(233.5,49.7%,32.7%)`
HSV (or HSB)	233.5°, 66.4, 49
Web Safe	333366	`#333366`

CIE-LAB	24.766, 21.581, -43.272
XYZ	5.84, 4.34, 19.931
xyY	0.194, 0.144, 4.34
CIE-LCH	24.766, 48.355, 296.507
CIE-LUV	24.766, -6.173, -54.587
Hunter-Lab	20.833, 13.575, -42.139
Binary	00101010, 00110011, 01111101

#2a337d
```
#2a337d rgb(42,51,125)
```
#7d742a
```
#7d742a rgb(125,116,42)
```

Complementary Color

#2a5d7d
```
#2a5d7d rgb(42,93,125)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#4b2a7d
```
#4b2a7d rgb(75,42,125)
```

Analogous Color

#5d7d2a
```
#5d7d2a rgb(93,125,42)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#7d4a2a
```
#7d4a2a rgb(125,74,42)
```

Split Complementary Color

#337d2a
```
#337d2a rgb(51,125,42)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#7d2a33
```
#7d2a33 rgb(125,42,51)
```

Triadic Color

#2a7d74
```
#2a7d74 rgb(42,125,116)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#7d2a33
```
#7d2a33 rgb(125,42,51)
```
#7d742a
```
#7d742a rgb(125,116,42)
```

Tetradic Color

#171c44
```
#171c44 rgb(23,28,68)
```
#1d2357
```
#1d2357 rgb(29,35,87)
```
#242b6a
```
#242b6a rgb(36,43,106)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#303b90
```
#303b90 rgb(48,59,144)
```
#3743a3
```
#3743a3 rgb(55,67,163)
```
#3d4ab6
```
#3d4ab6 rgb(61,74,182)
```

Monochromatic Color

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

#2a487d
```
#2a487d rgb(42,72,125)
```
#2a417d
```
#2a417d rgb(42,65,125)
```
#2a3a7d
```
#2a3a7d rgb(42,58,125)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#2a2c7d
```
#2a2c7d rgb(42,44,125)
```
#2f2a7d
```
#2f2a7d rgb(47,42,125)
```
#362a7d
```
#362a7d rgb(54,42,125)
```

Similar Colors

Text with hexadecimal color #2a337d

This text has a font color of #2a337d.

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

#2a337d background color

This paragraph has a background color of #2a337d.

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

#2a337d border color

This element has a border color of #2a337d.

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

CSS codes

.text {color:#2a337d;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#070916
```
#070916 rgb(7,9,22)
```
#0c0f25
```
#0c0f25 rgb(12,15,37)
```
#111534
```
#111534 rgb(17,21,52)
```
#161b42
```
#161b42 rgb(22,27,66)
```
#1b2151
```
#1b2151 rgb(27,33,81)
```
#202760
```
#202760 rgb(32,39,96)
```
#252d6e
```
#252d6e rgb(37,45,110)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#2f398c
```
#2f398c rgb(47,57,140)
```
#343f9a
```
#343f9a rgb(52,63,154)
```
#3945a9
```
#3945a9 rgb(57,69,169)
```
#3e4bb8
```
#3e4bb8 rgb(62,75,184)
```

Shade Color Variation

#4855c1
```
#4855c1 rgb(72,85,193)
```
#5662c6
```
#5662c6 rgb(86,98,198)
```
#6570cb
```
#6570cb rgb(101,112,203)
```
#747ed0
```
#747ed0 rgb(116,126,208)
```
#828bd5
```
#828bd5 rgb(130,139,213)
```
#9199da
```
#9199da rgb(145,153,218)
```
#a0a7df
```
#a0a7df rgb(160,167,223)
```
#aeb4e4
```
#aeb4e4 rgb(174,180,228)
```
#bdc2e9
```
#bdc2e9 rgb(189,194,233)
```
#cccfee
```
#cccfee rgb(204,207,238)
```
#daddf3
```
#daddf3 rgb(218,221,243)
```
#e9ebf8
```
#e9ebf8 rgb(233,235,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#515156
```
#515156 rgb(81,81,86)
```
#4a4c5d
```
#4a4c5d rgb(74,76,93)
```
#444763
```
#444763 rgb(68,71,99)
```
#3d426a
```
#3d426a rgb(61,66,106)
```
#373d70
```
#373d70 rgb(55,61,112)
```
#303877
```
#303877 rgb(48,56,119)
```
#2a337d
```
#2a337d rgb(42,51,125)
```
#242e83
```
#242e83 rgb(36,46,131)
```
#1d298a
```
#1d298a rgb(29,41,138)
```
#172490
```
#172490 rgb(23,36,144)
```
#101f97
```
#101f97 rgb(16,31,151)
```
#0a1a9d
```
#0a1a9d rgb(10,26,157)
```
#0315a4
```
#0315a4 rgb(3,21,164)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#363847 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004283 Protanopia 1% of men
#004673 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#0f3d80 Protanomaly 1% of men, 0.01% of women
#0f3f76 Deuteranomaly 6% of men, 0.4% of women
#0f4261 Tritanomaly 0.01% of the population

#2a337d hex color

#2a337d Color Information

#2a337d Color Conversion

Color Schemes with #2a337d

Alternatives to #2a337d

#2a337d Preview

Shades and Tints of #2a337d

Tones of #2a337d

Color Blindness Simulator