#2a485f hex color

In a RGB color space, hex #2a485f is composed of 16.5% red, 28.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 24.2% magenta, 0% yellow and 62.7% black. It has a hue angle of 206 degrees, a saturation of 38.7% and a lightness of 26.9%. #2a485f color hex could be obtained by blending #5490be with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 28
- B 37
RGB color chart
- C 56
- M 24
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #2a485f has RGB values of R:42, G:72, B:95 and CMYK values of C:0.56, M:0.24, Y:0, K:0.63. Its decimal value is 2771039.

Hex triplet	2a485f	`#2a485f`
RGB Decimal	42, 72, 95	`rgb(42,72,95)`
RGB Percent	16.5, 28.2, 37.3	`rgb(16.5%,28.2%,37.3%)`
CMYK	56, 24, 0, 63
HSL	206°, 38.7, 26.9	`hsl(206,38.7%,26.9%)`
HSV (or HSB)	206°, 55.8, 37.3
Web Safe	333366	`#333366`

CIE-LAB	29.293, -3.761, -16.974
XYZ	5.337, 5.953, 11.694
xyY	0.232, 0.259, 5.953
CIE-LCH	29.293, 17.386, 257.506
CIE-LUV	29.293, -12.662, -21.058
Hunter-Lab	24.399, -3.65, -11.337
Binary	00101010, 01001000, 01011111

#2a485f
```
#2a485f rgb(42,72,95)
```
#5f412a
```
#5f412a rgb(95,65,42)
```

Complementary Color

#2a5f5c
```
#2a5f5c rgb(42,95,92)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#2a2e5f
```
#2a2e5f rgb(42,46,95)
```

Analogous Color

#5f5c2a
```
#5f5c2a rgb(95,92,42)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#5f2a2e
```
#5f2a2e rgb(95,42,46)
```

Split Complementary Color

#485f2a
```
#485f2a rgb(72,95,42)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#5f2a48
```
#5f2a48 rgb(95,42,72)
```

Triadic Color

#2a5f41
```
#2a5f41 rgb(42,95,65)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#5f2a48
```
#5f2a48 rgb(95,42,72)
```
#5f412a
```
#5f412a rgb(95,65,42)
```

Tetradic Color

#13202a
```
#13202a rgb(19,32,42)
```
#1a2d3c
```
#1a2d3c rgb(26,45,60)
```
#223b4d
```
#223b4d rgb(34,59,77)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#325571
```
#325571 rgb(50,85,113)
```
#3a6382
```
#3a6382 rgb(58,99,130)
```
#417094
```
#417094 rgb(65,112,148)
```

Monochromatic Color

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

#2a555f
```
#2a555f rgb(42,85,95)
```
#2a515f
```
#2a515f rgb(42,81,95)
```
#2a4c5f
```
#2a4c5f rgb(42,76,95)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#2a445f
```
#2a445f rgb(42,68,95)
```
#2a3f5f
```
#2a3f5f rgb(42,63,95)
```
#2a3b5f
```
#2a3b5f rgb(42,59,95)
```

Similar Colors

Text with hexadecimal color #2a485f

This text has a font color of #2a485f.

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

#2a485f background color

This paragraph has a background color of #2a485f.

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

#2a485f border color

This element has a border color of #2a485f.

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

CSS codes

.text {color:#2a485f;}

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

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

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

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c141b
```
#0c141b rgb(12,20,27)
```
#121f29
```
#121f29 rgb(18,31,41)
```
#182936
```
#182936 rgb(24,41,54)
```
#1e3344
```
#1e3344 rgb(30,51,68)
```
#243e51
```
#243e51 rgb(36,62,81)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#30526d
```
#30526d rgb(48,82,109)
```
#365d7a
```
#365d7a rgb(54,93,122)
```
#3c6788
```
#3c6788 rgb(60,103,136)
```
#427195
```
#427195 rgb(66,113,149)
```
#487ca3
```
#487ca3 rgb(72,124,163)
```
#4e86b1
```
#4e86b1 rgb(78,134,177)
```

Shade Color Variation

#5c8fb7
```
#5c8fb7 rgb(92,143,183)
```
#6998bd
```
#6998bd rgb(105,152,189)
```
#77a2c3
```
#77a2c3 rgb(119,162,195)
```
#84abc9
```
#84abc9 rgb(132,171,201)
```
#92b4cf
```
#92b4cf rgb(146,180,207)
```
#a0bed5
```
#a0bed5 rgb(160,190,213)
```
#adc7db
```
#adc7db rgb(173,199,219)
```
#bbd0e1
```
#bbd0e1 rgb(187,208,225)
```
#c8dae7
```
#c8dae7 rgb(200,218,231)
```
#d6e3ed
```
#d6e3ed rgb(214,227,237)
```
#e4ecf3
```
#e4ecf3 rgb(228,236,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444545
```
#444545 rgb(68,69,69)
```
#3f454a
```
#3f454a rgb(63,69,74)
```
#3a464f
```
#3a464f rgb(58,70,79)
```
#354754
```
#354754 rgb(53,71,84)
```
#2f475a
```
#2f475a rgb(47,71,90)
```
#2a485f
```
#2a485f rgb(42,72,95)
```
#254964
```
#254964 rgb(37,73,100)
```
#1f496a
```
#1f496a rgb(31,73,106)
```
#1a4a6f
```
#1a4a6f rgb(26,74,111)
```
#154b74
```
#154b74 rgb(21,75,116)
```
#104b79
```
#104b79 rgb(16,75,121)
```
#0a4c7f
```
#0a4c7f rgb(10,76,127)
```
#054d84
```
#054d84 rgb(5,77,132)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3d4348 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484d64 Protanopia 1% of men
#464d68 Deuteranopia 1% of men
#2f545a Tritanopia 0.001% of the population

Trichromacy

#3d4b62 Protanomaly 1% of men, 0.01% of women
#3b4b65 Deuteranomaly 6% of men, 0.4% of women
#2d4f5b Tritanomaly 0.01% of the population

#2a485f hex color

#2a485f Color Information

#2a485f Color Conversion

Color Schemes with #2a485f

Alternatives to #2a485f

#2a485f Preview

Shades and Tints of #2a485f

Tones of #2a485f

Color Blindness Simulator