#2a5668 hex color

In a RGB color space, hex #2a5668 is composed of 16.5% red, 33.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 17.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 197.4 degrees, a saturation of 42.5% and a lightness of 28.6%. #2a5668 color hex could be obtained by blending #54acd0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #2a5668 has RGB values of R:42, G:86, B:104 and CMYK values of C:0.6, M:0.17, Y:0, K:0.59. Its decimal value is 2774632.

Hex triplet	2a5668	`#2a5668`
RGB Decimal	42, 86, 104	`rgb(42,86,104)`
RGB Percent	16.5, 33.7, 40.8	`rgb(16.5%,33.7%,40.8%)`
CMYK	60, 17, 0, 59
HSL	197.4°, 42.5, 28.6	`hsl(197.4,42.5%,28.6%)`
HSV (or HSB)	197.4°, 59.6, 40.8
Web Safe	336666	`#336666`

CIE-LAB	34.287, -9.382, -14.986
XYZ	6.781, 8.147, 14.311
xyY	0.232, 0.279, 8.147
CIE-LCH	34.287, 17.681, 237.95
CIE-LUV	34.287, -17.862, -18.65
Hunter-Lab	28.543, -7.545, -9.748
Binary	00101010, 01010110, 01101000

#2a5668
```
#2a5668 rgb(42,86,104)
```
#683c2a
```
#683c2a rgb(104,60,42)
```

Complementary Color

#2a685b
```
#2a685b rgb(42,104,91)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#2a3768
```
#2a3768 rgb(42,55,104)
```

Analogous Color

#685b2a
```
#685b2a rgb(104,91,42)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#682a37
```
#682a37 rgb(104,42,55)
```

Split Complementary Color

#56682a
```
#56682a rgb(86,104,42)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#682a56
```
#682a56 rgb(104,42,86)
```

Triadic Color

#2a683c
```
#2a683c rgb(42,104,60)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#682a56
```
#682a56 rgb(104,42,86)
```
#683c2a
```
#683c2a rgb(104,60,42)
```

Tetradic Color

#142932
```
#142932 rgb(20,41,50)
```
#1b3844
```
#1b3844 rgb(27,56,68)
```
#234756
```
#234756 rgb(35,71,86)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#31657a
```
#31657a rgb(49,101,122)
```
#39748c
```
#39748c rgb(57,116,140)
```
#40839e
```
#40839e rgb(64,131,158)
```

Monochromatic Color

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

#2a6668
```
#2a6668 rgb(42,102,104)
```
#2a6068
```
#2a6068 rgb(42,96,104)
```
#2a5b68
```
#2a5b68 rgb(42,91,104)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#2a5168
```
#2a5168 rgb(42,81,104)
```
#2a4c68
```
#2a4c68 rgb(42,76,104)
```
#2a4768
```
#2a4768 rgb(42,71,104)
```

Similar Colors

Text with hexadecimal color #2a5668

This text has a font color of #2a5668.

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

#2a5668 background color

This paragraph has a background color of #2a5668.

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

#2a5668 border color

This element has a border color of #2a5668.

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

CSS codes

.text {color:#2a5668;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#081114
```
#081114 rgb(8,17,20)
```
#0e1c22
```
#0e1c22 rgb(14,28,34)
```
#132830
```
#132830 rgb(19,40,48)
```
#19333e
```
#19333e rgb(25,51,62)
```
#1f3f4c
```
#1f3f4c rgb(31,63,76)
```
#244a5a
```
#244a5a rgb(36,74,90)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#306276
```
#306276 rgb(48,98,118)
```
#356d84
```
#356d84 rgb(53,109,132)
```
#3b7992
```
#3b7992 rgb(59,121,146)
```
#4184a0
```
#4184a0 rgb(65,132,160)
```
#4690ae
```
#4690ae rgb(70,144,174)
```

Shade Color Variation

#509ab8
```
#509ab8 rgb(80,154,184)
```
#5ea2be
```
#5ea2be rgb(94,162,190)
```
#6baac3
```
#6baac3 rgb(107,170,195)
```
#79b2c9
```
#79b2c9 rgb(121,178,201)
```
#87bacf
```
#87bacf rgb(135,186,207)
```
#95c2d4
```
#95c2d4 rgb(149,194,212)
```
#a3cada
```
#a3cada rgb(163,202,218)
```
#b1d2e0
```
#b1d2e0 rgb(177,210,224)
```
#bfdae5
```
#bfdae5 rgb(191,218,229)
```
#cde2eb
```
#cde2eb rgb(205,226,235)
```
#dbeaf1
```
#dbeaf1 rgb(219,234,241)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#464a4c
```
#464a4c rgb(70,74,76)
```
#404d52
```
#404d52 rgb(64,77,82)
```
#3b4f57
```
#3b4f57 rgb(59,79,87)
```
#35515d
```
#35515d rgb(53,81,93)
```
#305462
```
#305462 rgb(48,84,98)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```
#24586e
```
#24586e rgb(36,88,110)
```
#1f5b73
```
#1f5b73 rgb(31,91,115)
```
#195d79
```
#195d79 rgb(25,93,121)
```
#145f7e
```
#145f7e rgb(20,95,126)
```
#0e6284
```
#0e6284 rgb(14,98,132)
```
#08648a
```
#08648a rgb(8,100,138)
```
#03668f
```
#03668f rgb(3,102,143)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#444d51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#55586c Protanopia 1% of men
#535872 Deuteranopia 1% of men
#306067 Tritanopia 0.001% of the population

Trichromacy

#45576a Protanomaly 1% of men, 0.01% of women
#44576e Deuteranomaly 6% of men, 0.4% of women
#2e5c67 Tritanomaly 0.01% of the population

#2a5668 hex color

#2a5668 Color Information

#2a5668 Color Conversion

Color Schemes with #2a5668

Alternatives to #2a5668

#2a5668 Preview

Shades and Tints of #2a5668

Tones of #2a5668

Color Blindness Simulator