#2a6e98 hex color

In a RGB color space, hex #2a6e98 is composed of 16.5% red, 43.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 27.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 202.9 degrees, a saturation of 56.7% and a lightness of 38%. #2a6e98 color hex could be obtained by blending #54dcff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 43
- B 60
RGB color chart
- C 72
- M 28
- Y 0
- K 40
CMYK color chart

● #2a6e98 color description : Dark blue.

The hexadecimal color #2a6e98 has RGB values of R:42, G:110, B:152 and CMYK values of C:0.72, M:0.28, Y:0, K:0.4. Its decimal value is 2780824.

Hex triplet	2a6e98	`#2a6e98`
RGB Decimal	42, 110, 152	`rgb(42,110,152)`
RGB Percent	16.5, 43.1, 59.6	`rgb(16.5%,43.1%,59.6%)`
CMYK	72, 28, 0, 40
HSL	202.9°, 56.7, 38	`hsl(202.9,56.7%,38%)`
HSV (or HSB)	202.9°, 72.4, 59.6
Web Safe	336699	`#336699`

CIE-LAB	44.104, -6.871, -28.992
XYZ	12.197, 13.91, 31.746
xyY	0.211, 0.24, 13.91
CIE-LCH	44.104, 29.795, 256.667
CIE-LUV	44.104, -24.936, -41.437
Hunter-Lab	37.296, -6.894, -24.36
Binary	00101010, 01101110, 10011000

#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#98542a
```
#98542a rgb(152,84,42)
```

Complementary Color

#2a988b
```
#2a988b rgb(42,152,139)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#2a3798
```
#2a3798 rgb(42,55,152)
```

Analogous Color

#988b2a
```
#988b2a rgb(152,139,42)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#982a37
```
#982a37 rgb(152,42,55)
```

Split Complementary Color

#6e982a
```
#6e982a rgb(110,152,42)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#982a6e
```
#982a6e rgb(152,42,110)
```

Triadic Color

#2a9854
```
#2a9854 rgb(42,152,84)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#982a6e
```
#982a6e rgb(152,42,110)
```
#98542a
```
#98542a rgb(152,84,42)
```

Tetradic Color

#19435c
```
#19435c rgb(25,67,92)
```
#1f5170
```
#1f5170 rgb(31,81,112)
```
#246084
```
#246084 rgb(36,96,132)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#307cac
```
#307cac rgb(48,124,172)
```
#358bc0
```
#358bc0 rgb(53,139,192)
```
#4397cb
```
#4397cb rgb(67,151,203)
```

Monochromatic Color

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

#2a8a98
```
#2a8a98 rgb(42,138,152)
```
#2a8098
```
#2a8098 rgb(42,128,152)
```
#2a7798
```
#2a7798 rgb(42,119,152)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#2a6598
```
#2a6598 rgb(42,101,152)
```
#2a5c98
```
#2a5c98 rgb(42,92,152)
```
#2a5398
```
#2a5398 rgb(42,83,152)
```

Similar Colors

Text with hexadecimal color #2a6e98

This text has a font color of #2a6e98.

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

#2a6e98 background color

This paragraph has a background color of #2a6e98.

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

#2a6e98 border color

This element has a border color of #2a6e98.

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

CSS codes

.text {color:#2a6e98;}

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

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

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, #040a0e is the darkest color, while #fdfeff is the lightest one.

#040a0e
```
#040a0e rgb(4,10,14)
```
#08151d
```
#08151d rgb(8,21,29)
```
#0c202c
```
#0c202c rgb(12,32,44)
```
#112b3c
```
#112b3c rgb(17,43,60)
```
#15364b
```
#15364b rgb(21,54,75)
```
#19425b
```
#19425b rgb(25,66,91)
```
#1d4d6a
```
#1d4d6a rgb(29,77,106)
```
#225879
```
#225879 rgb(34,88,121)
```
#266389
```
#266389 rgb(38,99,137)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#2e79a7
```
#2e79a7 rgb(46,121,167)
```
#3284b7
```
#3284b7 rgb(50,132,183)
```
#378fc6
```
#378fc6 rgb(55,143,198)
```

Shade Color Variation

#4598cc
```
#4598cc rgb(69,152,204)
```
#54a1d0
```
#54a1d0 rgb(84,161,208)
```
#64a9d4
```
#64a9d4 rgb(100,169,212)
```
#73b2d8
```
#73b2d8 rgb(115,178,216)
```
#82badd
```
#82badd rgb(130,186,221)
```
#92c3e1
```
#92c3e1 rgb(146,195,225)
```
#a1cbe5
```
#a1cbe5 rgb(161,203,229)
```
#b0d4e9
```
#b0d4e9 rgb(176,212,233)
```
#c0dcee
```
#c0dcee rgb(192,220,238)
```
#cfe5f2
```
#cfe5f2 rgb(207,229,242)
```
#dfedf6
```
#dfedf6 rgb(223,237,246)
```
#eef6fa
```
#eef6fa rgb(238,246,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#5e6264
```
#5e6264 rgb(94,98,100)
```
#57636b
```
#57636b rgb(87,99,107)
```
#4f6573
```
#4f6573 rgb(79,101,115)
```
#48677a
```
#48677a rgb(72,103,122)
```
#406982
```
#406982 rgb(64,105,130)
```
#396a89
```
#396a89 rgb(57,106,137)
```
#316c91
```
#316c91 rgb(49,108,145)
```
#2a6e98
```
#2a6e98 rgb(42,110,152)
```
#23709f
```
#23709f rgb(35,112,159)
```
#1b72a7
```
#1b72a7 rgb(27,114,167)
```
#1473ae
```
#1473ae rgb(20,115,174)
```
#0c75b6
```
#0c75b6 rgb(12,117,182)
```
#0577bd
```
#0577bd rgb(5,119,189)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#54616a Atypical Achromatopsia 0.001% of the population

Dichromacy

#626e98 Protanopia 1% of men
#596f9f Deuteranopia 1% of men
#197a83 Tritanopia 0.001% of the population

Trichromacy

#4d6e98 Protanomaly 1% of men, 0.01% of women
#486e9c Deuteranomaly 6% of men, 0.4% of women
#1f768b Tritanomaly 0.01% of the population

#2a6e98 hex color

#2a6e98 Color Information

#2a6e98 Color Conversion

Color Schemes with #2a6e98

Alternatives to #2a6e98

#2a6e98 Preview

Shades and Tints of #2a6e98

Tones of #2a6e98

Color Blindness Simulator