#2b6aa0 hex color

In a RGB color space, hex #2b6aa0 is composed of 16.9% red, 41.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 33.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 207.7 degrees, a saturation of 57.6% and a lightness of 39.8%. #2b6aa0 color hex could be obtained by blending #56d4ff with #000041. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 42
- B 63
RGB color chart
- C 73
- M 34
- Y 0
- K 37
CMYK color chart

● #2b6aa0 color description : Dark blue.

The hexadecimal color #2b6aa0 has RGB values of R:43, G:106, B:160 and CMYK values of C:0.73, M:0.34, Y:0, K:0.37. Its decimal value is 2845344.

Hex triplet	2b6aa0	`#2b6aa0`
RGB Decimal	43, 106, 160	`rgb(43,106,160)`
RGB Percent	16.9, 41.6, 62.7	`rgb(16.9%,41.6%,62.7%)`
CMYK	73, 34, 0, 37
HSL	207.7°, 57.6, 39.8	`hsl(207.7,57.6%,39.8%)`
HSV (or HSB)	207.7°, 73.1, 62.7
Web Safe	336699	`#336699`

CIE-LAB	43.299, -1.37, -34.993
XYZ	12.494, 13.359, 35.176
xyY	0.205, 0.219, 13.359
CIE-LCH	43.299, 35.02, 267.757
CIE-LUV	43.299, -23.012, -51.074
Hunter-Lab	36.55, -2.944, -31.477
Binary	00101011, 01101010, 10100000

#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#a0612b
```
#a0612b rgb(160,97,43)
```

Complementary Color

#2ba09c
```
#2ba09c rgb(43,160,156)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#2b30a0
```
#2b30a0 rgb(43,48,160)
```

Analogous Color

#a09c2b
```
#a09c2b rgb(160,156,43)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#a02b2f
```
#a02b2f rgb(160,43,47)
```

Split Complementary Color

#6aa02b
```
#6aa02b rgb(106,160,43)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#a02b6a
```
#a02b6a rgb(160,43,106)
```

Triadic Color

#2ba061
```
#2ba061 rgb(43,160,97)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#a02b6a
```
#a02b6a rgb(160,43,106)
```
#a0612b
```
#a0612b rgb(160,97,43)
```

Tetradic Color

#1b4264
```
#1b4264 rgb(27,66,100)
```
#204f78
```
#204f78 rgb(32,79,120)
```
#265d8c
```
#265d8c rgb(38,93,140)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#3077b4
```
#3077b4 rgb(48,119,180)
```
#3685c8
```
#3685c8 rgb(54,133,200)
```
#4991ce
```
#4991ce rgb(73,145,206)
```

Monochromatic Color

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

#2b87a0
```
#2b87a0 rgb(43,135,160)
```
#2b7ea0
```
#2b7ea0 rgb(43,126,160)
```
#2b74a0
```
#2b74a0 rgb(43,116,160)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#2b60a0
```
#2b60a0 rgb(43,96,160)
```
#2b57a0
```
#2b57a0 rgb(43,87,160)
```
#2b4da0
```
#2b4da0 rgb(43,77,160)
```

Similar Colors

Text with hexadecimal color #2b6aa0

This text has a font color of #2b6aa0.

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

#2b6aa0 background color

This paragraph has a background color of #2b6aa0.

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

#2b6aa0 border color

This element has a border color of #2b6aa0.

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

CSS codes

.text {color:#2b6aa0;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#060e15
```
#060e15 rgb(6,14,21)
```
#0a1824
```
#0a1824 rgb(10,24,36)
```
#0e2234
```
#0e2234 rgb(14,34,52)
```
#122d43
```
#122d43 rgb(18,45,67)
```
#163753
```
#163753 rgb(22,55,83)
```
#1a4162
```
#1a4162 rgb(26,65,98)
```
#1f4b72
```
#1f4b72 rgb(31,75,114)
```
#235681
```
#235681 rgb(35,86,129)
```
#276091
```
#276091 rgb(39,96,145)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#2f74af
```
#2f74af rgb(47,116,175)
```
#337ebf
```
#337ebf rgb(51,126,191)
```

Shade Color Variation

#3b88ca
```
#3b88ca rgb(59,136,202)
```
#4b92cf
```
#4b92cf rgb(75,146,207)
```
#5a9bd3
```
#5a9bd3 rgb(90,155,211)
```
#6aa5d7
```
#6aa5d7 rgb(106,165,215)
```
#79aedb
```
#79aedb rgb(121,174,219)
```
#89b7df
```
#89b7df rgb(137,183,223)
```
#98c1e3
```
#98c1e3 rgb(152,193,227)
```
#a8cae8
```
#a8cae8 rgb(168,202,232)
```
#b7d3ec
```
#b7d3ec rgb(183,211,236)
```
#c7ddf0
```
#c7ddf0 rgb(199,221,240)
```
#d6e6f4
```
#d6e6f4 rgb(214,230,244)
```
#e5f0f8
```
#e5f0f8 rgb(229,240,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

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

#626669
```
#626669 rgb(98,102,105)
```
#5a6671
```
#5a6671 rgb(90,102,113)
```
#526779
```
#526779 rgb(82,103,121)
```
#4a6881
```
#4a6881 rgb(74,104,129)
```
#426889
```
#426889 rgb(66,104,137)
```
#3b6990
```
#3b6990 rgb(59,105,144)
```
#336998
```
#336998 rgb(51,105,152)
```
#2b6aa0
```
#2b6aa0 rgb(43,106,160)
```
#236ba8
```
#236ba8 rgb(35,107,168)
```
#1b6bb0
```
#1b6bb0 rgb(27,107,176)
```
#146cb7
```
#146cb7 rgb(20,108,183)
```
#0c6cbf
```
#0c6cbf rgb(12,108,191)
```
#046dc7
```
#046dc7 rgb(4,109,199)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#53606a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6ca0 Protanopia 1% of men
#4c6ea6 Deuteranopia 1% of men
#007881 Tritanopia 0.001% of the population

Trichromacy

#496ba0 Protanomaly 1% of men, 0.01% of women
#406ca4 Deuteranomaly 6% of men, 0.4% of women
#0f738c Tritanomaly 0.01% of the population

#2b6aa0 hex color

#2b6aa0 Color Information

#2b6aa0 Color Conversion

Color Schemes with #2b6aa0

Alternatives to #2b6aa0

#2b6aa0 Preview

Shades and Tints of #2b6aa0

Tones of #2b6aa0

Color Blindness Simulator