#2a2f68 hex color

In a RGB color space, hex #2a2f68 is composed of 16.5% red, 18.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 54.8% magenta, 0% yellow and 59.2% black. It has a hue angle of 235.2 degrees, a saturation of 42.5% and a lightness of 28.6%. #2a2f68 color hex could be obtained by blending #545ed0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 18
- B 41
RGB color chart
- C 60
- M 55
- Y 0
- K 59
CMYK color chart

● #2a2f68 color description : Very dark desaturated blue.

The hexadecimal color #2a2f68 has RGB values of R:42, G:47, B:104 and CMYK values of C:0.6, M:0.55, Y:0, K:0.59. Its decimal value is 2764648.

Hex triplet	2a2f68	`#2a2f68`
RGB Decimal	42, 47, 104	`rgb(42,47,104)`
RGB Percent	16.5, 18.4, 40.8	`rgb(16.5%,18.4%,40.8%)`
CMYK	60, 55, 0, 59
HSL	235.2°, 42.5, 28.6	`hsl(235.2,42.5%,28.6%)`
HSV (or HSB)	235.2°, 59.6, 40.8
Web Safe	333366	`#333366`

CIE-LAB	22.033, 16.538, -34.255
XYZ	4.47, 3.525, 13.541
xyY	0.208, 0.164, 3.525
CIE-LCH	22.033, 38.038, 295.771
CIE-LUV	22.033, -4.392, -41.395
Hunter-Lab	18.774, 9.642, -29.622
Binary	00101010, 00101111, 01101000

#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#68632a
```
#68632a rgb(104,99,42)
```

Complementary Color

#2a4e68
```
#2a4e68 rgb(42,78,104)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#442a68
```
#442a68 rgb(68,42,104)
```

Analogous Color

#4e682a
```
#4e682a rgb(78,104,42)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#68442a
```
#68442a rgb(104,68,42)
```

Split Complementary Color

#2f682a
```
#2f682a rgb(47,104,42)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#682a2f
```
#682a2f rgb(104,42,47)
```

Triadic Color

#2a6863
```
#2a6863 rgb(42,104,99)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#682a2f
```
#682a2f rgb(104,42,47)
```
#68632a
```
#68632a rgb(104,99,42)
```

Tetradic Color

#141632
```
#141632 rgb(20,22,50)
```
#1b1f44
```
#1b1f44 rgb(27,31,68)
```
#232756
```
#232756 rgb(35,39,86)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#31377a
```
#31377a rgb(49,55,122)
```
#393f8c
```
#393f8c rgb(57,63,140)
```
#40489e
```
#40489e rgb(64,72,158)
```

Monochromatic Color

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

#2a3f68
```
#2a3f68 rgb(42,63,104)
```
#2a3968
```
#2a3968 rgb(42,57,104)
```
#2a3468
```
#2a3468 rgb(42,52,104)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#2a2a68
```
#2a2a68 rgb(42,42,104)
```
#2f2a68
```
#2f2a68 rgb(47,42,104)
```
#342a68
```
#342a68 rgb(52,42,104)
```

Similar Colors

Text with hexadecimal color #2a2f68

This text has a font color of #2a2f68.

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

#2a2f68 background color

This paragraph has a background color of #2a2f68.

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

#2a2f68 border color

This element has a border color of #2a2f68.

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

CSS codes

.text {color:#2a2f68;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#080914
```
#080914 rgb(8,9,20)
```
#0e0f22
```
#0e0f22 rgb(14,15,34)
```
#131630
```
#131630 rgb(19,22,48)
```
#191c3e
```
#191c3e rgb(25,28,62)
```
#1f224c
```
#1f224c rgb(31,34,76)
```
#24295a
```
#24295a rgb(36,41,90)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#303576
```
#303576 rgb(48,53,118)
```
#353c84
```
#353c84 rgb(53,60,132)
```
#3b4292
```
#3b4292 rgb(59,66,146)
```
#4148a0
```
#4148a0 rgb(65,72,160)
```
#464fae
```
#464fae rgb(70,79,174)
```

Shade Color Variation

#5058b8
```
#5058b8 rgb(80,88,184)
```
#5e65be
```
#5e65be rgb(94,101,190)
```
#6b73c3
```
#6b73c3 rgb(107,115,195)
```
#7980c9
```
#7980c9 rgb(121,128,201)
```
#878dcf
```
#878dcf rgb(135,141,207)
```
#959ad4
```
#959ad4 rgb(149,154,212)
```
#a3a8da
```
#a3a8da rgb(163,168,218)
```
#b1b5e0
```
#b1b5e0 rgb(177,181,224)
```
#bfc2e5
```
#bfc2e5 rgb(191,194,229)
```
#cdd0eb
```
#cdd0eb rgb(205,208,235)
```
#dbddf1
```
#dbddf1 rgb(219,221,241)
```
#e9eaf6
```
#e9eaf6 rgb(233,234,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #46474c is the less saturated color, while #030e8f is the most saturated one.

#46474c
```
#46474c rgb(70,71,76)
```
#404252
```
#404252 rgb(64,66,82)
```
#3b3d57
```
#3b3d57 rgb(59,61,87)
```
#35385d
```
#35385d rgb(53,56,93)
```
#303462
```
#303462 rgb(48,52,98)
```
#2a2f68
```
#2a2f68 rgb(42,47,104)
```
#242a6e
```
#242a6e rgb(36,42,110)
```
#1f2673
```
#1f2673 rgb(31,38,115)
```
#192179
```
#192179 rgb(25,33,121)
```
#141c7e
```
#141c7e rgb(20,28,126)
```
#0e1784
```
#0e1784 rgb(14,23,132)
```
#08138a
```
#08138a rgb(8,19,138)
```
#030e8f
```
#030e8f rgb(3,14,143)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#32333e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b3d73 Protanopia 1% of men
#00406a Deuteranopia 1% of men
#214449 Tritanopia 0.001% of the population

Trichromacy

#20386f Protanomaly 1% of men, 0.01% of women
#0f3a69 Deuteranomaly 6% of men, 0.4% of women
#243c54 Tritanomaly 0.01% of the population

#2a2f68 hex color

#2a2f68 Color Information

#2a2f68 Color Conversion

Color Schemes with #2a2f68

Alternatives to #2a2f68

#2a2f68 Preview

Shades and Tints of #2a2f68

Tones of #2a2f68

Color Blindness Simulator