#2a2f86 hex color

In a RGB color space, hex #2a2f86 is composed of 16.5% red, 18.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 64.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 236.7 degrees, a saturation of 52.3% and a lightness of 34.5%. #2a2f86 color hex could be obtained by blending #545eff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 18
- B 53
RGB color chart
- C 69
- M 65
- Y 0
- K 47
CMYK color chart

● #2a2f86 color description : Dark moderate blue.

The hexadecimal color #2a2f86 has RGB values of R:42, G:47, B:134 and CMYK values of C:0.69, M:0.65, Y:0, K:0.47. Its decimal value is 2764678.

Hex triplet	2a2f86	`#2a2f86`
RGB Decimal	42, 47, 134	`rgb(42,47,134)`
RGB Percent	16.5, 18.4, 52.5	`rgb(16.5%,18.4%,52.5%)`
CMYK	69, 65, 0, 47
HSL	236.7°, 52.3, 34.5	`hsl(236.7,52.3%,34.5%)`
HSV (or HSB)	236.7°, 68.7, 52.5
Web Safe	333399	`#333399`

CIE-LAB	24.469, 27.631, -49.409
XYZ	6.274, 4.246, 23.042
xyY	0.187, 0.127, 4.246
CIE-LCH	24.469, 56.611, 299.215
CIE-LUV	24.469, -5.543, -61.579
Hunter-Lab	20.606, 18.283, -51.874
Binary	00101010, 00101111, 10000110

#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#86812a
```
#86812a rgb(134,129,42)
```

Complementary Color

#2a5d86
```
#2a5d86 rgb(42,93,134)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#532a86
```
#532a86 rgb(83,42,134)
```

Analogous Color

#5d862a
```
#5d862a rgb(93,134,42)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#86532a
```
#86532a rgb(134,83,42)
```

Split Complementary Color

#2f862a
```
#2f862a rgb(47,134,42)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#862a2f
```
#862a2f rgb(134,42,47)
```

Triadic Color

#2a8681
```
#2a8681 rgb(42,134,129)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#862a2f
```
#862a2f rgb(134,42,47)
```
#86812a
```
#86812a rgb(134,129,42)
```

Tetradic Color

#181b4c
```
#181b4c rgb(24,27,76)
```
#1e215f
```
#1e215f rgb(30,33,95)
```
#242873
```
#242873 rgb(36,40,115)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#303699
```
#303699 rgb(48,54,153)
```
#363dad
```
#363dad rgb(54,61,173)
```
#3c43c0
```
#3c43c0 rgb(60,67,192)
```

Monochromatic Color

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

#2a4686
```
#2a4686 rgb(42,70,134)
```
#2a3e86
```
#2a3e86 rgb(42,62,134)
```
#2a3786
```
#2a3786 rgb(42,55,134)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#2d2a86
```
#2d2a86 rgb(45,42,134)
```
#342a86
```
#342a86 rgb(52,42,134)
```
#3c2a86
```
#3c2a86 rgb(60,42,134)
```

Similar Colors

Text with hexadecimal color #2a2f86

This text has a font color of #2a2f86.

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

#2a2f86 background color

This paragraph has a background color of #2a2f86.

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

#2a2f86 border color

This element has a border color of #2a2f86.

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

CSS codes

.text {color:#2a2f86;}

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

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

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, #05050f is the darkest color, while #ffffff is the lightest one.

#05050f
```
#05050f rgb(5,5,15)
```
#090a1d
```
#090a1d rgb(9,10,29)
```
#0e102c
```
#0e102c rgb(14,16,44)
```
#13153b
```
#13153b rgb(19,21,59)
```
#171a4a
```
#171a4a rgb(23,26,74)
```
#1c1f59
```
#1c1f59 rgb(28,31,89)
```
#212568
```
#212568 rgb(33,37,104)
```
#252a77
```
#252a77 rgb(37,42,119)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#2f3495
```
#2f3495 rgb(47,52,149)
```
#3339a4
```
#3339a4 rgb(51,57,164)
```
#383fb3
```
#383fb3 rgb(56,63,179)
```
#3d44c2
```
#3d44c2 rgb(61,68,194)
```

Shade Color Variation

#4b52c7
```
#4b52c7 rgb(75,82,199)
```
#5a60cb
```
#5a60cb rgb(90,96,203)
```
#696fd0
```
#696fd0 rgb(105,111,208)
```
#787dd5
```
#787dd5 rgb(120,125,213)
```
#878cd9
```
#878cd9 rgb(135,140,217)
```
#969ade
```
#969ade rgb(150,154,222)
```
#a5a8e3
```
#a5a8e3 rgb(165,168,227)
```
#b4b7e7
```
#b4b7e7 rgb(180,183,231)
```
#c3c5ec
```
#c3c5ec rgb(195,197,236)
```
#d2d3f1
```
#d2d3f1 rgb(210,211,241)
```
#e1e2f6
```
#e1e2f6 rgb(225,226,246)
```
#f0f0fa
```
#f0f0fa rgb(240,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53535d is the less saturated color, while #010baf is the most saturated one.

#53535d
```
#53535d rgb(83,83,93)
```
#4c4d64
```
#4c4d64 rgb(76,77,100)
```
#45476b
```
#45476b rgb(69,71,107)
```
#3e4172
```
#3e4172 rgb(62,65,114)
```
#383b78
```
#383b78 rgb(56,59,120)
```
#31357f
```
#31357f rgb(49,53,127)
```
#2a2f86
```
#2a2f86 rgb(42,47,134)
```
#23298d
```
#23298d rgb(35,41,141)
```
#1c2394
```
#1c2394 rgb(28,35,148)
```
#161d9a
```
#161d9a rgb(22,29,154)
```
#0f17a1
```
#0f17a1 rgb(15,23,161)
```
#0811a8
```
#0811a8 rgb(8,17,168)
```
#010baf
```
#010baf rgb(1,11,175)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#343547 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004671 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#0f3b83 Protanomaly 1% of men, 0.01% of women
#0f3d78 Deuteranomaly 6% of men, 0.4% of women
#0f4063 Tritanomaly 0.01% of the population

#2a2f86 hex color

#2a2f86 Color Information

#2a2f86 Color Conversion

Color Schemes with #2a2f86

Alternatives to #2a2f86

#2a2f86 Preview

Shades and Tints of #2a2f86

Tones of #2a2f86

Color Blindness Simulator