#2b6ca5 hex color

In a RGB color space, hex #2b6ca5 is composed of 16.9% red, 42.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 34.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 208 degrees, a saturation of 58.7% and a lightness of 40.8%. #2b6ca5 color hex could be obtained by blending #56d8ff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 42
- B 65
RGB color chart
- C 74
- M 35
- Y 0
- K 35
CMYK color chart

● #2b6ca5 color description : Dark blue.

The hexadecimal color #2b6ca5 has RGB values of R:43, G:108, B:165 and CMYK values of C:0.74, M:0.35, Y:0, K:0.35. Its decimal value is 2845861.

Hex triplet	2b6ca5	`#2b6ca5`
RGB Decimal	43, 108, 165	`rgb(43,108,165)`
RGB Percent	16.9, 42.4, 64.7	`rgb(16.9%,42.4%,64.7%)`
CMYK	74, 35, 0, 35
HSL	208°, 58.7, 40.8	`hsl(208,58.7%,40.8%)`
HSV (or HSB)	208°, 73.9, 64.7
Web Safe	336699	`#336699`

CIE-LAB	44.167, -0.748, -36.574
XYZ	13.149, 13.954, 37.596
xyY	0.203, 0.216, 13.954
CIE-LCH	44.167, 36.581, 268.829
CIE-LUV	44.167, -23.517, -53.814
Hunter-Lab	37.355, -2.542, -33.523
Binary	00101011, 01101100, 10100101

#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#a5642b
```
#a5642b rgb(165,100,43)
```

Complementary Color

#2ba5a1
```
#2ba5a1 rgb(43,165,161)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#2b2fa5
```
#2b2fa5 rgb(43,47,165)
```

Analogous Color

#a5a12b
```
#a5a12b rgb(165,161,43)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#a52b2f
```
#a52b2f rgb(165,43,47)
```

Split Complementary Color

#6ca52b
```
#6ca52b rgb(108,165,43)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#a52b6c
```
#a52b6c rgb(165,43,108)
```

Triadic Color

#2ba564
```
#2ba564 rgb(43,165,100)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#a52b6c
```
#a52b6c rgb(165,43,108)
```
#a5642b
```
#a5642b rgb(165,100,43)
```

Tetradic Color

#1b4468
```
#1b4468 rgb(27,68,104)
```
#20527d
```
#20527d rgb(32,82,125)
```
#265f91
```
#265f91 rgb(38,95,145)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#3079b9
```
#3079b9 rgb(48,121,185)
```
#3886cb
```
#3886cb rgb(56,134,203)
```
#4c93d0
```
#4c93d0 rgb(76,147,208)
```

Monochromatic Color

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

#2b8ba5
```
#2b8ba5 rgb(43,139,165)
```
#2b80a5
```
#2b80a5 rgb(43,128,165)
```
#2b76a5
```
#2b76a5 rgb(43,118,165)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#2b62a5
```
#2b62a5 rgb(43,98,165)
```
#2b58a5
```
#2b58a5 rgb(43,88,165)
```
#2b4ea5
```
#2b4ea5 rgb(43,78,165)
```

Similar Colors

Text with hexadecimal color #2b6ca5

This text has a font color of #2b6ca5.

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

#2b6ca5 background color

This paragraph has a background color of #2b6ca5.

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

#2b6ca5 border color

This element has a border color of #2b6ca5.

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

CSS codes

.text {color:#2b6ca5;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#071019
```
#071019 rgb(7,16,25)
```
#0b1b29
```
#0b1b29 rgb(11,27,41)
```
#0f2538
```
#0f2538 rgb(15,37,56)
```
#132f48
```
#132f48 rgb(19,47,72)
```
#173957
```
#173957 rgb(23,57,87)
```
#1b4367
```
#1b4367 rgb(27,67,103)
```
#1f4d76
```
#1f4d76 rgb(31,77,118)
```
#235886
```
#235886 rgb(35,88,134)
```
#276295
```
#276295 rgb(39,98,149)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#2f76b5
```
#2f76b5 rgb(47,118,181)
```
#3380c4
```
#3380c4 rgb(51,128,196)
```

Shade Color Variation

#3e8acd
```
#3e8acd rgb(62,138,205)
```
#4e94d1
```
#4e94d1 rgb(78,148,209)
```
#5d9dd5
```
#5d9dd5 rgb(93,157,213)
```
#6da6d9
```
#6da6d9 rgb(109,166,217)
```
#7cb0dd
```
#7cb0dd rgb(124,176,221)
```
#8cb9e1
```
#8cb9e1 rgb(140,185,225)
```
#9bc3e5
```
#9bc3e5 rgb(155,195,229)
```
#abcce9
```
#abcce9 rgb(171,204,233)
```
#bbd6ed
```
#bbd6ed rgb(187,214,237)
```
#cadff1
```
#cadff1 rgb(202,223,241)
```
#dae8f5
```
#dae8f5 rgb(218,232,245)
```
#e9f2f9
```
#e9f2f9 rgb(233,242,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63686d is the less saturated color, while #036fcd is the most saturated one.

#63686d
```
#63686d rgb(99,104,109)
```
#5b6975
```
#5b6975 rgb(91,105,117)
```
#53697d
```
#53697d rgb(83,105,125)
```
#4b6a85
```
#4b6a85 rgb(75,106,133)
```
#436a8d
```
#436a8d rgb(67,106,141)
```
#3b6b95
```
#3b6b95 rgb(59,107,149)
```
#336b9d
```
#336b9d rgb(51,107,157)
```
#2b6ca5
```
#2b6ca5 rgb(43,108,165)
```
#236dad
```
#236dad rgb(35,109,173)
```
#1b6db5
```
#1b6db5 rgb(27,109,181)
```
#136ebd
```
#136ebd rgb(19,110,189)
```
#0b6ec5
```
#0b6ec5 rgb(11,110,197)
```
#036fcd
```
#036fcd rgb(3,111,205)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#55626d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6ea5 Protanopia 1% of men
#4b70ab Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#496da5 Protanomaly 1% of men, 0.01% of women
#3f6ea8 Deuteranomaly 6% of men, 0.4% of women
#0f758f Tritanomaly 0.01% of the population

#2b6ca5 hex color

#2b6ca5 Color Information

#2b6ca5 Color Conversion

Color Schemes with #2b6ca5

Alternatives to #2b6ca5

#2b6ca5 Preview

Shades and Tints of #2b6ca5

Tones of #2b6ca5

Color Blindness Simulator