#2a657f hex color

In a RGB color space, hex #2a657f is composed of 16.5% red, 39.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 20.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 198.4 degrees, a saturation of 50.3% and a lightness of 33.1%. #2a657f color hex could be obtained by blending #54cafe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 40
- B 50
RGB color chart
- C 67
- M 20
- Y 0
- K 50
CMYK color chart

● #2a657f color description : Dark moderate blue.

The hexadecimal color #2a657f has RGB values of R:42, G:101, B:127 and CMYK values of C:0.67, M:0.2, Y:0, K:0.5. Its decimal value is 2778495.

Hex triplet	2a657f	`#2a657f`
RGB Decimal	42, 101, 127	`rgb(42,101,127)`
RGB Percent	16.5, 39.6, 49.8	`rgb(16.5%,39.6%,49.8%)`
CMYK	67, 20, 0, 50
HSL	198.4°, 50.3, 33.1	`hsl(198.4,50.3%,33.1%)`
HSV (or HSB)	198.4°, 66.9, 49.8
Web Safe	336666	`#336666`

CIE-LAB	40.133, -10.414, -20.163
XYZ	9.438, 11.331, 21.767
xyY	0.222, 0.266, 11.331
CIE-LCH	40.133, 22.694, 242.685
CIE-LUV	40.133, -22.727, -26.917
Hunter-Lab	33.662, -8.859, -14.776
Binary	00101010, 01100101, 01111111

#2a657f
```
#2a657f rgb(42,101,127)
```
#7f442a
```
#7f442a rgb(127,68,42)
```

Complementary Color

#2a7f6f
```
#2a7f6f rgb(42,127,111)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#2a3b7f
```
#2a3b7f rgb(42,59,127)
```

Analogous Color

#7f6f2a
```
#7f6f2a rgb(127,111,42)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#7f2a3b
```
#7f2a3b rgb(127,42,59)
```

Split Complementary Color

#657f2a
```
#657f2a rgb(101,127,42)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#7f2a65
```
#7f2a65 rgb(127,42,101)
```

Triadic Color

#2a7f44
```
#2a7f44 rgb(42,127,68)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#7f2a65
```
#7f2a65 rgb(127,42,101)
```
#7f442a
```
#7f442a rgb(127,68,42)
```

Tetradic Color

#173746
```
#173746 rgb(23,55,70)
```
#1d4759
```
#1d4759 rgb(29,71,89)
```
#24566c
```
#24566c rgb(36,86,108)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#307492
```
#307492 rgb(48,116,146)
```
#3783a5
```
#3783a5 rgb(55,131,165)
```
#3d93b8
```
#3d93b8 rgb(61,147,184)
```

Monochromatic Color

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

#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#2a737f
```
#2a737f rgb(42,115,127)
```
#2a6c7f
```
#2a6c7f rgb(42,108,127)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#2a5e7f
```
#2a5e7f rgb(42,94,127)
```
#2a577f
```
#2a577f rgb(42,87,127)
```
#2a507f
```
#2a507f rgb(42,80,127)
```

Similar Colors

Text with hexadecimal color #2a657f

This text has a font color of #2a657f.

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

#2a657f background color

This paragraph has a background color of #2a657f.

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

#2a657f border color

This element has a border color of #2a657f.

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

CSS codes

.text {color:#2a657f;}

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

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

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

#030709
```
#030709 rgb(3,7,9)
```
#081318
```
#081318 rgb(8,19,24)
```
#0d1f27
```
#0d1f27 rgb(13,31,39)
```
#122a35
```
#122a35 rgb(18,42,53)
```
#173644
```
#173644 rgb(23,54,68)
```
#1b4253
```
#1b4253 rgb(27,66,83)
```
#204e62
```
#204e62 rgb(32,78,98)
```
#255970
```
#255970 rgb(37,89,112)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#2f718e
```
#2f718e rgb(47,113,142)
```
#347c9c
```
#347c9c rgb(52,124,156)
```
#3988ab
```
#3988ab rgb(57,136,171)
```
#3d94ba
```
#3d94ba rgb(61,148,186)
```

Shade Color Variation

#489dc3
```
#489dc3 rgb(72,157,195)
```
#57a5c8
```
#57a5c8 rgb(87,165,200)
```
#66adcc
```
#66adcc rgb(102,173,204)
```
#75b5d1
```
#75b5d1 rgb(117,181,209)
```
#83bdd6
```
#83bdd6 rgb(131,189,214)
```
#92c5db
```
#92c5db rgb(146,197,219)
```
#a1cde0
```
#a1cde0 rgb(161,205,224)
```
#b0d5e5
```
#b0d5e5 rgb(176,213,229)
```
#bedcea
```
#bedcea rgb(190,220,234)
```
#cde4ef
```
#cde4ef rgb(205,228,239)
```
#dcecf3
```
#dcecf3 rgb(220,236,243)
```
#ebf4f8
```
#ebf4f8 rgb(235,244,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#515658
```
#515658 rgb(81,86,88)
```
#4b585f
```
#4b585f rgb(75,88,95)
```
#445b65
```
#445b65 rgb(68,91,101)
```
#3e5d6c
```
#3e5d6c rgb(62,93,108)
```
#376072
```
#376072 rgb(55,96,114)
```
#316279
```
#316279 rgb(49,98,121)
```
#2a657f
```
#2a657f rgb(42,101,127)
```
#246886
```
#246886 rgb(36,104,134)
```
#1d6a8c
```
#1d6a8c rgb(29,106,140)
```
#176d93
```
#176d93 rgb(23,109,147)
```
#106f99
```
#106f99 rgb(16,111,153)
```
#0a72a0
```
#0a72a0 rgb(10,114,160)
```
#0374a6
```
#0374a6 rgb(3,116,166)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4d595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6580 Protanopia 1% of men
#5c6588 Deuteranopia 1% of men
#2b6f77 Tritanopia 0.001% of the population

Trichromacy

#4c6580 Protanomaly 1% of men, 0.01% of women
#496585 Deuteranomaly 6% of men, 0.4% of women
#2b6b7a Tritanomaly 0.01% of the population

#2a657f hex color

#2a657f Color Information

#2a657f Color Conversion

Color Schemes with #2a657f

Alternatives to #2a657f

#2a657f Preview

Shades and Tints of #2a657f

Tones of #2a657f

Color Blindness Simulator