#2a6a95 hex color

In a RGB color space, hex #2a6a95 is composed of 16.5% red, 41.6% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 28.9% magenta, 0% yellow and 41.6% black. It has a hue angle of 204.1 degrees, a saturation of 56% and a lightness of 37.5%. #2a6a95 color hex could be obtained by blending #54d4ff with #00002b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 42
- B 58
RGB color chart
- C 72
- M 29
- Y 0
- K 42
CMYK color chart

● #2a6a95 color description : Dark blue.

The hexadecimal color #2a6a95 has RGB values of R:42, G:106, B:149 and CMYK values of C:0.72, M:0.29, Y:0, K:0.42. Its decimal value is 2779797.

Hex triplet	2a6a95	`#2a6a95`
RGB Decimal	42, 106, 149	`rgb(42,106,149)`
RGB Percent	16.5, 41.6, 58.4	`rgb(16.5%,41.6%,58.4%)`
CMYK	72, 29, 0, 42
HSL	204.1°, 56, 37.5	`hsl(204.1,56%,37.5%)`
HSV (or HSB)	204.1°, 71.8, 58.4
Web Safe	336699	`#336699`

CIE-LAB	42.717, -5.559, -29.378
XYZ	11.532, 12.969, 30.328
xyY	0.21, 0.237, 12.969
CIE-LCH	42.717, 29.899, 259.284
CIE-LUV	42.717, -23.629, -41.871
Hunter-Lab	36.013, -5.862, -24.721
Binary	00101010, 01101010, 10010101

#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#95552a
```
#95552a rgb(149,85,42)
```

Complementary Color

#2a958b
```
#2a958b rgb(42,149,139)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#2a3595
```
#2a3595 rgb(42,53,149)
```

Analogous Color

#958b2a
```
#958b2a rgb(149,139,42)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#952a35
```
#952a35 rgb(149,42,53)
```

Split Complementary Color

#6a952a
```
#6a952a rgb(106,149,42)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#952a6a
```
#952a6a rgb(149,42,106)
```

Triadic Color

#2a9555
```
#2a9555 rgb(42,149,85)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#952a6a
```
#952a6a rgb(149,42,106)
```
#95552a
```
#95552a rgb(149,85,42)
```

Tetradic Color

#194059
```
#194059 rgb(25,64,89)
```
#1f4e6d
```
#1f4e6d rgb(31,78,109)
```
#245c81
```
#245c81 rgb(36,92,129)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#3078a9
```
#3078a9 rgb(48,120,169)
```
#3586bd
```
#3586bd rgb(53,134,189)
```
#4293ca
```
#4293ca rgb(66,147,202)
```

Monochromatic Color

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

#2a8595
```
#2a8595 rgb(42,133,149)
```
#2a7c95
```
#2a7c95 rgb(42,124,149)
```
#2a7395
```
#2a7395 rgb(42,115,149)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#2a6195
```
#2a6195 rgb(42,97,149)
```
#2a5895
```
#2a5895 rgb(42,88,149)
```
#2a4f95
```
#2a4f95 rgb(42,79,149)
```

Similar Colors

Text with hexadecimal color #2a6a95

This text has a font color of #2a6a95.

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

#2a6a95 background color

This paragraph has a background color of #2a6a95.

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

#2a6a95 border color

This element has a border color of #2a6a95.

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

CSS codes

.text {color:#2a6a95;}

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

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

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, #03080b is the darkest color, while #fbfdfe is the lightest one.

#03080b
```
#03080b rgb(3,8,11)
```
#07131b
```
#07131b rgb(7,19,27)
```
#0c1e2a
```
#0c1e2a rgb(12,30,42)
```
#102939
```
#102939 rgb(16,41,57)
```
#143448
```
#143448 rgb(20,52,72)
```
#193e58
```
#193e58 rgb(25,62,88)
```
#1d4967
```
#1d4967 rgb(29,73,103)
```
#215476
```
#215476 rgb(33,84,118)
```
#265f86
```
#265f86 rgb(38,95,134)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#2e75a4
```
#2e75a4 rgb(46,117,164)
```
#3380b4
```
#3380b4 rgb(51,128,180)
```
#378bc3
```
#378bc3 rgb(55,139,195)
```

Shade Color Variation

#4394ca
```
#4394ca rgb(67,148,202)
```
#539dce
```
#539dce rgb(83,157,206)
```
#62a5d3
```
#62a5d3 rgb(98,165,211)
```
#71aed7
```
#71aed7 rgb(113,174,215)
```
#81b7db
```
#81b7db rgb(129,183,219)
```
#90c0e0
```
#90c0e0 rgb(144,192,224)
```
#9fc8e4
```
#9fc8e4 rgb(159,200,228)
```
#aed1e8
```
#aed1e8 rgb(174,209,232)
```
#bedaed
```
#bedaed rgb(190,218,237)
```
#cde3f1
```
#cde3f1 rgb(205,227,241)
```
#dcebf5
```
#dcebf5 rgb(220,235,245)
```
#ecf4fa
```
#ecf4fa rgb(236,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#5d6062
```
#5d6062 rgb(93,96,98)
```
#566169
```
#566169 rgb(86,97,105)
```
#4f6370
```
#4f6370 rgb(79,99,112)
```
#476478
```
#476478 rgb(71,100,120)
```
#40667f
```
#40667f rgb(64,102,127)
```
#396786
```
#396786 rgb(57,103,134)
```
#31698e
```
#31698e rgb(49,105,142)
```
#2a6a95
```
#2a6a95 rgb(42,106,149)
```
#236b9c
```
#236b9c rgb(35,107,156)
```
#1b6da4
```
#1b6da4 rgb(27,109,164)
```
#146eab
```
#146eab rgb(20,110,171)
```
#0d70b2
```
#0d70b2 rgb(13,112,178)
```
#0571ba
```
#0571ba rgb(5,113,186)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#525f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6b95 Protanopia 1% of men
#556c9c Deuteranopia 1% of men
#19777f Tritanopia 0.001% of the population

Trichromacy

#4b6a95 Protanomaly 1% of men, 0.01% of women
#456b99 Deuteranomaly 6% of men, 0.4% of women
#1f7287 Tritanomaly 0.01% of the population

#2a6a95 hex color

#2a6a95 Color Information

#2a6a95 Color Conversion

Color Schemes with #2a6a95

Alternatives to #2a6a95

#2a6a95 Preview

Shades and Tints of #2a6a95

Tones of #2a6a95

Color Blindness Simulator