#2a357f hex color

In a RGB color space, hex #2a357f is composed of 16.5% red, 20.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 58.3% magenta, 0% yellow and 50.2% black. It has a hue angle of 232.2 degrees, a saturation of 50.3% and a lightness of 33.1%. #2a357f color hex could be obtained by blending #546afe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 21
- B 50
RGB color chart
- C 67
- M 58
- Y 0
- K 50
CMYK color chart

● #2a357f color description : Dark moderate blue.

The hexadecimal color #2a357f has RGB values of R:42, G:53, B:127 and CMYK values of C:0.67, M:0.58, Y:0, K:0.5. Its decimal value is 2766207.

Hex triplet	2a357f	`#2a357f`
RGB Decimal	42, 53, 127	`rgb(42,53,127)`
RGB Percent	16.5, 20.8, 49.8	`rgb(16.5%,20.8%,49.8%)`
CMYK	67, 58, 0, 50
HSL	232.2°, 50.3, 33.1	`hsl(232.2,50.3%,33.1%)`
HSV (or HSB)	232.2°, 66.9, 49.8
Web Safe	333366	`#333366`

CIE-LAB	25.474, 20.957, -43.383
XYZ	6.058, 4.57, 20.64
xyY	0.194, 0.146, 4.57
CIE-LCH	25.474, 48.18, 295.784
CIE-LUV	25.474, -6.744, -55.327
Hunter-Lab	21.379, 13.168, -42.278
Binary	00101010, 00110101, 01111111

#2a357f
```
#2a357f rgb(42,53,127)
```
#7f742a
```
#7f742a rgb(127,116,42)
```

Complementary Color

#2a607f
```
#2a607f rgb(42,96,127)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#4a2a7f
```
#4a2a7f rgb(74,42,127)
```

Analogous Color

#607f2a
```
#607f2a rgb(96,127,42)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#7f4a2a
```
#7f4a2a rgb(127,74,42)
```

Split Complementary Color

#357f2a
```
#357f2a rgb(53,127,42)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#7f2a35
```
#7f2a35 rgb(127,42,53)
```

Triadic Color

#2a7f74
```
#2a7f74 rgb(42,127,116)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#7f2a35
```
#7f2a35 rgb(127,42,53)
```
#7f742a
```
#7f742a rgb(127,116,42)
```

Tetradic Color

#171d46
```
#171d46 rgb(23,29,70)
```
#1d2559
```
#1d2559 rgb(29,37,89)
```
#242d6c
```
#242d6c rgb(36,45,108)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#303d92
```
#303d92 rgb(48,61,146)
```
#3745a5
```
#3745a5 rgb(55,69,165)
```
#3d4db8
```
#3d4db8 rgb(61,77,184)
```

Monochromatic Color

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

#2a4a7f
```
#2a4a7f rgb(42,74,127)
```
#2a437f
```
#2a437f rgb(42,67,127)
```
#2a3c7f
```
#2a3c7f rgb(42,60,127)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#2a2e7f
```
#2a2e7f rgb(42,46,127)
```
#2d2a7f
```
#2d2a7f rgb(45,42,127)
```
#342a7f
```
#342a7f rgb(52,42,127)
```

Similar Colors

Text with hexadecimal color #2a357f

This text has a font color of #2a357f.

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

#2a357f background color

This paragraph has a background color of #2a357f.

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

#2a357f border color

This element has a border color of #2a357f.

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

CSS codes

.text {color:#2a357f;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0d1027
```
#0d1027 rgb(13,16,39)
```
#121635
```
#121635 rgb(18,22,53)
```
#171c44
```
#171c44 rgb(23,28,68)
```
#1b2353
```
#1b2353 rgb(27,35,83)
```
#202962
```
#202962 rgb(32,41,98)
```
#252f70
```
#252f70 rgb(37,47,112)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#2f3b8e
```
#2f3b8e rgb(47,59,142)
```
#34419c
```
#34419c rgb(52,65,156)
```
#3947ab
```
#3947ab rgb(57,71,171)
```
#3d4eba
```
#3d4eba rgb(61,78,186)
```

Shade Color Variation

#4858c3
```
#4858c3 rgb(72,88,195)
```
#5766c8
```
#5766c8 rgb(87,102,200)
```
#6673cc
```
#6673cc rgb(102,115,204)
```
#7581d1
```
#7581d1 rgb(117,129,209)
```
#838ed6
```
#838ed6 rgb(131,142,214)
```
#929cdb
```
#929cdb rgb(146,156,219)
```
#a1a9e0
```
#a1a9e0 rgb(161,169,224)
```
#b0b7e5
```
#b0b7e5 rgb(176,183,229)
```
#bec4ea
```
#bec4ea rgb(190,196,234)
```
#cdd1ef
```
#cdd1ef rgb(205,209,239)
```
#dcdff3
```
#dcdff3 rgb(220,223,243)
```
#ebecf8
```
#ebecf8 rgb(235,236,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#515258
```
#515258 rgb(81,82,88)
```
#4b4d5f
```
#4b4d5f rgb(75,77,95)
```
#444865
```
#444865 rgb(68,72,101)
```
#3e436c
```
#3e436c rgb(62,67,108)
```
#373f72
```
#373f72 rgb(55,63,114)
```
#313a79
```
#313a79 rgb(49,58,121)
```
#2a357f
```
#2a357f rgb(42,53,127)
```
#243086
```
#243086 rgb(36,48,134)
```
#1d2b8c
```
#1d2b8c rgb(29,43,140)
```
#172793
```
#172793 rgb(23,39,147)
```
#102299
```
#102299 rgb(16,34,153)
```
#0a1da0
```
#0a1da0 rgb(10,29,160)
```
#0318a6
```
#0318a6 rgb(3,24,166)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004875 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#0f3e83 Protanomaly 1% of men, 0.01% of women
#0f4179 Deuteranomaly 6% of men, 0.4% of women
#0f4462 Tritanomaly 0.01% of the population

#2a357f hex color

#2a357f Color Information

#2a357f Color Conversion

Color Schemes with #2a357f

Alternatives to #2a357f

#2a357f Preview

Shades and Tints of #2a357f

Tones of #2a357f

Color Blindness Simulator