#2a304f hex color

In a RGB color space, hex #2a304f is composed of 16.5% red, 18.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 39.2% magenta, 0% yellow and 69% black. It has a hue angle of 230.3 degrees, a saturation of 30.6% and a lightness of 23.7%. #2a304f color hex could be obtained by blending #54609e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 19
- B 31
RGB color chart
- C 47
- M 39
- Y 0
- K 69
CMYK color chart

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

The hexadecimal color #2a304f has RGB values of R:42, G:48, B:79 and CMYK values of C:0.47, M:0.39, Y:0, K:0.69. Its decimal value is 2764879.

Hex triplet	2a304f	`#2a304f`
RGB Decimal	42, 48, 79	`rgb(42,48,79)`
RGB Percent	16.5, 18.8, 31	`rgb(16.5%,18.8%,31%)`
CMYK	47, 39, 0, 69
HSL	230.3°, 30.6, 23.7	`hsl(230.3,30.6%,23.7%)`
HSV (or HSB)	230.3°, 46.8, 31
Web Safe	333366	`#333366`

CIE-LAB	20.714, 6.862, -19.863
XYZ	3.423, 3.171, 7.828
xyY	0.237, 0.22, 3.171
CIE-LCH	20.714, 21.015, 289.059
CIE-LUV	20.714, -3.765, -22.928
Hunter-Lab	17.806, 3.152, -13.602
Binary	00101010, 00110000, 01001111

#2a304f
```
#2a304f rgb(42,48,79)
```
#4f492a
```
#4f492a rgb(79,73,42)
```

Complementary Color

#2a434f
```
#2a434f rgb(42,67,79)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#372a4f
```
#372a4f rgb(55,42,79)
```

Analogous Color

#434f2a
```
#434f2a rgb(67,79,42)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#4f372a
```
#4f372a rgb(79,55,42)
```

Split Complementary Color

#304f2a
```
#304f2a rgb(48,79,42)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#4f2a30
```
#4f2a30 rgb(79,42,48)
```

Triadic Color

#2a4f49
```
#2a4f49 rgb(42,79,73)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#4f2a30
```
#4f2a30 rgb(79,42,48)
```
#4f492a
```
#4f492a rgb(79,73,42)
```

Tetradic Color

#0f121d
```
#0f121d rgb(15,18,29)
```
#181c2e
```
#181c2e rgb(24,28,46)
```
#21263e
```
#21263e rgb(33,38,62)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#333a60
```
#333a60 rgb(51,58,96)
```
#3c4470
```
#3c4470 rgb(60,68,112)
```
#454e81
```
#454e81 rgb(69,78,129)
```

Monochromatic Color

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

#2a394f
```
#2a394f rgb(42,57,79)
```
#2a364f
```
#2a364f rgb(42,54,79)
```
#2a334f
```
#2a334f rgb(42,51,79)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#2a2d4f
```
#2a2d4f rgb(42,45,79)
```
#2a2a4f
```
#2a2a4f rgb(42,42,79)
```
#2d2a4f
```
#2d2a4f rgb(45,42,79)
```

Similar Colors

Text with hexadecimal color #2a304f

This text has a font color of #2a304f.

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

#2a304f background color

This paragraph has a background color of #2a304f.

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

#2a304f border color

This element has a border color of #2a304f.

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

CSS codes

.text {color:#2a304f;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08090f
```
#08090f rgb(8,9,15)
```
#0f111c
```
#0f111c rgb(15,17,28)
```
#161929
```
#161929 rgb(22,25,41)
```
#1c2035
```
#1c2035 rgb(28,32,53)
```
#232842
```
#232842 rgb(35,40,66)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#31385c
```
#31385c rgb(49,56,92)
```
#384069
```
#384069 rgb(56,64,105)
```
#3e4775
```
#3e4775 rgb(62,71,117)
```
#454f82
```
#454f82 rgb(69,79,130)
```
#4c578f
```
#4c578f rgb(76,87,143)
```
#535f9c
```
#535f9c rgb(83,95,156)
```

Shade Color Variation

#5b67a8
```
#5b67a8 rgb(91,103,168)
```
#6773ae
```
#6773ae rgb(103,115,174)
```
#747fb5
```
#747fb5 rgb(116,127,181)
```
#818bbc
```
#818bbc rgb(129,139,188)
```
#8e96c3
```
#8e96c3 rgb(142,150,195)
```
#9ba2ca
```
#9ba2ca rgb(155,162,202)
```
#a8aed0
```
#a8aed0 rgb(168,174,208)
```
#b4bad7
```
#b4bad7 rgb(180,186,215)
```
#c1c6de
```
#c1c6de rgb(193,198,222)
```
#ced2e5
```
#ced2e5 rgb(206,210,229)
```
#dbddec
```
#dbddec rgb(219,221,236)
```
#e8e9f3
```
#e8e9f3 rgb(232,233,243)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#383941
```
#383941 rgb(56,57,65)
```
#333646
```
#333646 rgb(51,54,70)
```
#2f334a
```
#2f334a rgb(47,51,74)
```
#2a304f
```
#2a304f rgb(42,48,79)
```
#252d54
```
#252d54 rgb(37,45,84)
```
#212a58
```
#212a58 rgb(33,42,88)
```
#1c275d
```
#1c275d rgb(28,39,93)
```
#172362
```
#172362 rgb(23,35,98)
```
#132066
```
#132066 rgb(19,32,102)
```
#0e1d6b
```
#0e1d6b rgb(14,29,107)
```
#091a70
```
#091a70 rgb(9,26,112)
```
#051774
```
#051774 rgb(5,23,116)
```
#001479
```
#001479 rgb(0,20,121)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#303238 Atypical Achromatopsia 0.001% of the population

Dichromacy

#313b58 Protanopia 1% of men
#2f3c57 Deuteranopia 1% of men
#2e3f43 Tritanopia 0.001% of the population

Trichromacy

#2e3755 Protanomaly 1% of men, 0.01% of women
#2d3754 Deuteranomaly 6% of men, 0.4% of women
#2c3947 Tritanomaly 0.01% of the population

#2a304f hex color

#2a304f Color Information

#2a304f Color Conversion

Color Schemes with #2a304f

Alternatives to #2a304f

#2a304f Preview

Shades and Tints of #2a304f

Tones of #2a304f

Color Blindness Simulator