#2a667a hex color

In a RGB color space, hex #2a667a is composed of 16.5% red, 40% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 16.4% magenta, 0% yellow and 52.2% black. It has a hue angle of 195 degrees, a saturation of 48.8% and a lightness of 32.2%. #2a667a color hex could be obtained by blending #54ccf4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 40
- B 48
RGB color chart
- C 66
- M 16
- Y 0
- K 52
CMYK color chart

● #2a667a color description : Dark moderate blue.

The hexadecimal color #2a667a has RGB values of R:42, G:102, B:122 and CMYK values of C:0.66, M:0.16, Y:0, K:0.52. Its decimal value is 2778746.

Hex triplet	2a667a	`#2a667a`
RGB Decimal	42, 102, 122	`rgb(42,102,122)`
RGB Percent	16.5, 40, 47.8	`rgb(16.5%,40%,47.8%)`
CMYK	66, 16, 0, 52
HSL	195°, 48.8, 32.2	`hsl(195,48.8%,32.2%)`
HSV (or HSB)	195°, 65.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	40.245, -12.713, -16.953
XYZ	9.218, 11.399, 20.126
xyY	0.226, 0.28, 11.399
CIE-LCH	40.245, 21.19, 233.134
CIE-LUV	40.245, -23.323, -21.922
Hunter-Lab	33.763, -10.35, -11.708
Binary	00101010, 01100110, 01111010

#2a667a
```
#2a667a rgb(42,102,122)
```
#7a3e2a
```
#7a3e2a rgb(122,62,42)
```

Complementary Color

#2a7a66
```
#2a7a66 rgb(42,122,102)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#2a3e7a
```
#2a3e7a rgb(42,62,122)
```

Analogous Color

#7a662a
```
#7a662a rgb(122,102,42)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#7a2a3e
```
#7a2a3e rgb(122,42,62)
```

Split Complementary Color

#667a2a
```
#667a2a rgb(102,122,42)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#7a2a66
```
#7a2a66 rgb(122,42,102)
```

Triadic Color

#2a7a3e
```
#2a7a3e rgb(42,122,62)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#7a2a66
```
#7a2a66 rgb(122,42,102)
```
#7a3e2a
```
#7a3e2a rgb(122,62,42)
```

Tetradic Color

#163641
```
#163641 rgb(22,54,65)
```
#1d4654
```
#1d4654 rgb(29,70,84)
```
#235667
```
#235667 rgb(35,86,103)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#31768d
```
#31768d rgb(49,118,141)
```
#3786a0
```
#3786a0 rgb(55,134,160)
```
#3e96b3
```
#3e96b3 rgb(62,150,179)
```

Monochromatic Color

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

#2a7a7a
```
#2a7a7a rgb(42,122,122)
```
#2a737a
```
#2a737a rgb(42,115,122)
```
#2a6d7a
```
#2a6d7a rgb(42,109,122)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#2a5f7a
```
#2a5f7a rgb(42,95,122)
```
#2a597a
```
#2a597a rgb(42,89,122)
```
#2a527a
```
#2a527a rgb(42,82,122)
```

Similar Colors

Text with hexadecimal color #2a667a

This text has a font color of #2a667a.

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

#2a667a background color

This paragraph has a background color of #2a667a.

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

#2a667a border color

This element has a border color of #2a667a.

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

CSS codes

.text {color:#2a667a;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071114
```
#071114 rgb(7,17,20)
```
#0c1d22
```
#0c1d22 rgb(12,29,34)
```
#112931
```
#112931 rgb(17,41,49)
```
#163540
```
#163540 rgb(22,53,64)
```
#1b414e
```
#1b414e rgb(27,65,78)
```
#204e5d
```
#204e5d rgb(32,78,93)
```
#255a6b
```
#255a6b rgb(37,90,107)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#2f7289
```
#2f7289 rgb(47,114,137)
```
#347e97
```
#347e97 rgb(52,126,151)
```
#398ba6
```
#398ba6 rgb(57,139,166)
```
#3e97b4
```
#3e97b4 rgb(62,151,180)
```

Shade Color Variation

#47a1c0
```
#47a1c0 rgb(71,161,192)
```
#55a9c5
```
#55a9c5 rgb(85,169,197)
```
#64b0ca
```
#64b0ca rgb(100,176,202)
```
#72b8cf
```
#72b8cf rgb(114,184,207)
```
#81bfd4
```
#81bfd4 rgb(129,191,212)
```
#90c6d9
```
#90c6d9 rgb(144,198,217)
```
#9ecede
```
#9ecede rgb(158,206,222)
```
#add5e3
```
#add5e3 rgb(173,213,227)
```
#bbdde8
```
#bbdde8 rgb(187,221,232)
```
#cae4ed
```
#cae4ed rgb(202,228,237)
```
#d8ebf2
```
#d8ebf2 rgb(216,235,242)
```
#e7f3f7
```
#e7f3f7 rgb(231,243,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#505354
```
#505354 rgb(80,83,84)
```
#4a565a
```
#4a565a rgb(74,86,90)
```
#435961
```
#435961 rgb(67,89,97)
```
#3d5d67
```
#3d5d67 rgb(61,93,103)
```
#37606d
```
#37606d rgb(55,96,109)
```
#306374
```
#306374 rgb(48,99,116)
```
#2a667a
```
#2a667a rgb(42,102,122)
```
#246980
```
#246980 rgb(36,105,128)
```
#1d6c87
```
#1d6c87 rgb(29,108,135)
```
#176f8d
```
#176f8d rgb(23,111,141)
```
#117393
```
#117393 rgb(17,115,147)
```
#0a769a
```
#0a769a rgb(10,118,154)
```
#0479a0
```
#0479a0 rgb(4,121,160)
```

Tone Color Variation

Below, you can see how #2a667a 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
#4d595d Atypical Achromatopsia 0.001% of the population

Dichromacy

#61667c Protanopia 1% of men
#606584 Deuteranopia 1% of men
#2f6f77 Tritanopia 0.001% of the population

Trichromacy

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

#2a667a hex color

#2a667a Color Information

#2a667a Color Conversion

Color Schemes with #2a667a

Alternatives to #2a667a

#2a667a Preview

Shades and Tints of #2a667a

Tones of #2a667a

Color Blindness Simulator