#2a3f7f hex color

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

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

● #2a3f7f color description : Dark moderate blue.

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

Hex triplet	2a3f7f	`#2a3f7f`
RGB Decimal	42, 63, 127	`rgb(42,63,127)`
RGB Percent	16.5, 24.7, 49.8	`rgb(16.5%,24.7%,49.8%)`
CMYK	67, 50, 0, 50
HSL	225.2°, 50.3, 33.1	`hsl(225.2,50.3%,33.1%)`
HSV (or HSB)	225.2°, 66.9, 49.8
Web Safe	333366	`#333366`

CIE-LAB	28.325, 14.065, -38.779
XYZ	6.562, 5.579, 20.809
xyY	0.199, 0.169, 5.579
CIE-LCH	28.325, 41.251, 289.935
CIE-LUV	28.325, -9.541, -51.35
Hunter-Lab	23.62, 8.256, -35.698
Binary	00101010, 00111111, 01111111

#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#7f6a2a
```
#7f6a2a rgb(127,106,42)
```

Complementary Color

#2a6a7f
```
#2a6a7f rgb(42,106,127)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#402a7f
```
#402a7f rgb(64,42,127)
```

Analogous Color

#6a7f2a
```
#6a7f2a rgb(106,127,42)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#7f402a
```
#7f402a rgb(127,64,42)
```

Split Complementary Color

#3f7f2a
```
#3f7f2a rgb(63,127,42)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#7f2a3f
```
#7f2a3f rgb(127,42,63)
```

Triadic Color

#2a7f6a
```
#2a7f6a rgb(42,127,106)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#7f2a3f
```
#7f2a3f rgb(127,42,63)
```
#7f6a2a
```
#7f6a2a rgb(127,106,42)
```

Tetradic Color

#172246
```
#172246 rgb(23,34,70)
```
#1d2c59
```
#1d2c59 rgb(29,44,89)
```
#24356c
```
#24356c rgb(36,53,108)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#304992
```
#304992 rgb(48,73,146)
```
#3752a5
```
#3752a5 rgb(55,82,165)
```
#3d5cb8
```
#3d5cb8 rgb(61,92,184)
```

Monochromatic Color

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

#2a547f
```
#2a547f rgb(42,84,127)
```
#2a4d7f
```
#2a4d7f rgb(42,77,127)
```
#2a467f
```
#2a467f rgb(42,70,127)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#2a387f
```
#2a387f rgb(42,56,127)
```
#2a317f
```
#2a317f rgb(42,49,127)
```
#2a2a7f
```
#2a2a7f rgb(42,42,127)
```

Similar Colors

Text with hexadecimal color #2a3f7f

This text has a font color of #2a3f7f.

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

#2a3f7f background color

This paragraph has a background color of #2a3f7f.

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

#2a3f7f border color

This element has a border color of #2a3f7f.

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

CSS codes

.text {color:#2a3f7f;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#080c18
```
#080c18 rgb(8,12,24)
```
#0d1327
```
#0d1327 rgb(13,19,39)
```
#121a35
```
#121a35 rgb(18,26,53)
```
#172244
```
#172244 rgb(23,34,68)
```
#1b2953
```
#1b2953 rgb(27,41,83)
```
#203062
```
#203062 rgb(32,48,98)
```
#253870
```
#253870 rgb(37,56,112)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#2f468e
```
#2f468e rgb(47,70,142)
```
#344e9c
```
#344e9c rgb(52,78,156)
```
#3955ab
```
#3955ab rgb(57,85,171)
```
#3d5cba
```
#3d5cba rgb(61,92,186)
```

Shade Color Variation

#4867c3
```
#4867c3 rgb(72,103,195)
```
#5773c8
```
#5773c8 rgb(87,115,200)
```
#667fcc
```
#667fcc rgb(102,127,204)
```
#758cd1
```
#758cd1 rgb(117,140,209)
```
#8398d6
```
#8398d6 rgb(131,152,214)
```
#92a4db
```
#92a4db rgb(146,164,219)
```
#a1b0e0
```
#a1b0e0 rgb(161,176,224)
```
#b0bde5
```
#b0bde5 rgb(176,189,229)
```
#bec9ea
```
#bec9ea rgb(190,201,234)
```
#cdd5ef
```
#cdd5ef rgb(205,213,239)
```
#dce2f3
```
#dce2f3 rgb(220,226,243)
```
#ebeef8
```
#ebeef8 rgb(235,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#515358
```
#515358 rgb(81,83,88)
```
#4b4f5f
```
#4b4f5f rgb(75,79,95)
```
#444c65
```
#444c65 rgb(68,76,101)
```
#3e496c
```
#3e496c rgb(62,73,108)
```
#374672
```
#374672 rgb(55,70,114)
```
#314279
```
#314279 rgb(49,66,121)
```
#2a3f7f
```
#2a3f7f rgb(42,63,127)
```
#243c86
```
#243c86 rgb(36,60,134)
```
#1d388c
```
#1d388c rgb(29,56,140)
```
#173593
```
#173593 rgb(23,53,147)
```
#103299
```
#103299 rgb(16,50,153)
```
#0a2fa0
```
#0a2fa0 rgb(10,47,160)
```
#032ba6
```
#032ba6 rgb(3,43,166)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3c404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#284a87 Protanopia 1% of men
#004d81 Deuteranopia 1% of men
#09535a Tritanopia 0.001% of the population

Trichromacy

#294684 Protanomaly 1% of men, 0.01% of women
#0f4880 Deuteranomaly 6% of men, 0.4% of women
#154c67 Tritanomaly 0.01% of the population

#2a3f7f hex color

#2a3f7f Color Information

#2a3f7f Color Conversion

Color Schemes with #2a3f7f

Alternatives to #2a3f7f

#2a3f7f Preview

Shades and Tints of #2a3f7f

Tones of #2a3f7f

Color Blindness Simulator