colorhexa.com

#2b6c84 hex color

In a RGB color space, hex #2b6c84 is composed of 16.9% red, 42.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 18.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 196.2 degrees, a saturation of 50.9% and a lightness of 34.3%. #2b6c84 color hex could be obtained by blending #56d8ff with #000009. Closest websafe color is: #336699.

- R 17
- G 42
- B 52
RGB color chart
- C 67
- M 18
- Y 0
- K 48
CMYK color chart

● #2b6c84 color description : Dark moderate blue.

The hexadecimal color #2b6c84 has RGB values of R:43, G:108, B:132 and CMYK values of C:0.67, M:0.18, Y:0, K:0.48. Its decimal value is 2845828.

Hex triplet	2b6c84	`#2b6c84`
RGB Decimal	43, 108, 132	`rgb(43,108,132)`
RGB Percent	16.9, 42.4, 51.8	`rgb(16.9%,42.4%,51.8%)`
CMYK	67, 18, 0, 48
HSL	196.2°, 50.9, 34.3	`hsl(196.2,50.9%,34.3%)`
HSV (or HSB)	196.2°, 67.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	42.618, -12.579, -19.351
XYZ	10.523, 12.904, 23.765
xyY	0.223, 0.273, 12.904
CIE-LCH	42.618, 23.08, 236.975
CIE-LUV	42.618, -24.927, -25.819
Hunter-Lab	35.922, -10.575, -14.079
Binary	00101011, 01101100, 10000100

#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#84432b
```
#84432b rgb(132,67,43)
```

Complementary Color

#2b8470
```
#2b8470 rgb(43,132,112)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#2b4084
```
#2b4084 rgb(43,64,132)
```

Analogous Color

#84702b
```
#84702b rgb(132,112,43)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#842b40
```
#842b40 rgb(132,43,64)
```

Split Complementary Color

#6c842b
```
#6c842b rgb(108,132,43)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#842b6c
```
#842b6c rgb(132,43,108)
```

Triadic Color

#2b8443
```
#2b8443 rgb(43,132,67)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#842b6c
```
#842b6c rgb(132,43,108)
```
#84432b
```
#84432b rgb(132,67,43)
```

Tetradic Color

#183d4a
```
#183d4a rgb(24,61,74)
```
#1e4d5e
```
#1e4d5e rgb(30,77,94)
```
#255c71
```
#255c71 rgb(37,92,113)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#317c97
```
#317c97 rgb(49,124,151)
```
#388baa
```
#388baa rgb(56,139,170)
```
#3e9bbe
```
#3e9bbe rgb(62,155,190)
```

Monochromatic Color

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

#2b8284
```
#2b8284 rgb(43,130,132)
```
#2b7b84
```
#2b7b84 rgb(43,123,132)
```
#2b7384
```
#2b7384 rgb(43,115,132)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#2b6584
```
#2b6584 rgb(43,101,132)
```
#2b5d84
```
#2b5d84 rgb(43,93,132)
```
#2b5684
```
#2b5684 rgb(43,86,132)
```

Similar Colors

Text with hexadecimal color #2b6c84

This text has a font color of #2b6c84.

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

#2b6c84 background color

This paragraph has a background color of #2b6c84.

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

#2b6c84 border color

This element has a border color of #2b6c84.

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

CSS codes

.text {color:#2b6c84;}

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

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

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

#040b0e
```
#040b0e rgb(4,11,14)
```
#09171c
```
#09171c rgb(9,23,28)
```
#0e232b
```
#0e232b rgb(14,35,43)
```
#132f3a
```
#132f3a rgb(19,47,58)
```
#183c49
```
#183c49 rgb(24,60,73)
```
#1d4858
```
#1d4858 rgb(29,72,88)
```
#215466
```
#215466 rgb(33,84,102)
```
#266075
```
#266075 rgb(38,96,117)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#307893
```
#307893 rgb(48,120,147)
```
#3584a2
```
#3584a2 rgb(53,132,162)
```
#3990b0
```
#3990b0 rgb(57,144,176)
```
#3e9cbf
```
#3e9cbf rgb(62,156,191)
```

Shade Color Variation

#4ca4c5
```
#4ca4c5 rgb(76,164,197)
```
#5bacca
```
#5bacca rgb(91,172,202)
```
#6ab3ce
```
#6ab3ce rgb(106,179,206)
```
#79bbd3
```
#79bbd3 rgb(121,187,211)
```
#87c2d8
```
#87c2d8 rgb(135,194,216)
```
#96cadd
```
#96cadd rgb(150,202,221)
```
#a5d1e2
```
#a5d1e2 rgb(165,209,226)
```
#b4d9e7
```
#b4d9e7 rgb(180,217,231)
```
#c3e0eb
```
#c3e0eb rgb(195,224,235)
```
#d1e8f0
```
#d1e8f0 rgb(209,232,240)
```
#e0eff5
```
#e0eff5 rgb(224,239,245)
```
#eff7fa
```
#eff7fa rgb(239,247,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53595c is the less saturated color, while #037fac is the most saturated one.

#53595c
```
#53595c rgb(83,89,92)
```
#4d5c62
```
#4d5c62 rgb(77,92,98)
```
#466069
```
#466069 rgb(70,96,105)
```
#3f6370
```
#3f6370 rgb(63,99,112)
```
#386677
```
#386677 rgb(56,102,119)
```
#32697d
```
#32697d rgb(50,105,125)
```
#2b6c84
```
#2b6c84 rgb(43,108,132)
```
#246f8b
```
#246f8b rgb(36,111,139)
```
#1e7291
```
#1e7291 rgb(30,114,145)
```
#177598
```
#177598 rgb(23,117,152)
```
#10789f
```
#10789f rgb(16,120,159)
```
#097ca6
```
#097ca6 rgb(9,124,166)
```
#037fac
```
#037fac rgb(3,127,172)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666b85 Protanopia 1% of men
#636b8d Deuteranopia 1% of men
#2d757e Tritanopia 0.001% of the population

Trichromacy

#506b84 Protanomaly 1% of men, 0.01% of women
#4e6b8a Deuteranomaly 6% of men, 0.4% of women
#2c7280 Tritanomaly 0.01% of the population