#2b6177 hex color

In a RGB color space, hex #2b6177 is composed of 16.9% red, 38% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 18.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 197.4 degrees, a saturation of 46.9% and a lightness of 31.8%. #2b6177 color hex could be obtained by blending #56c2ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 38
- B 47
RGB color chart
- C 64
- M 18
- Y 0
- K 53
CMYK color chart

● #2b6177 color description : Dark moderate blue.

The hexadecimal color #2b6177 has RGB values of R:43, G:97, B:119 and CMYK values of C:0.64, M:0.18, Y:0, K:0.53. Its decimal value is 2842999.

Hex triplet	2b6177	`#2b6177`
RGB Decimal	43, 97, 119	`rgb(43,97,119)`
RGB Percent	16.9, 38, 46.7	`rgb(16.9%,38%,46.7%)`
CMYK	64, 18, 0, 53
HSL	197.4°, 46.9, 31.8	`hsl(197.4,46.9%,31.8%)`
HSV (or HSB)	197.4°, 63.9, 46.7
Web Safe	336666	`#336666`

CIE-LAB	38.541, -10.622, -17.735
XYZ	8.6, 10.394, 19.005
xyY	0.226, 0.274, 10.394
CIE-LCH	38.541, 20.673, 239.082
CIE-LUV	38.541, -21.323, -23.073
Hunter-Lab	32.24, -8.806, -12.382
Binary	00101011, 01100001, 01110111

#2b6177
```
#2b6177 rgb(43,97,119)
```
#77412b
```
#77412b rgb(119,65,43)
```

Complementary Color

#2b7767
```
#2b7767 rgb(43,119,103)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#2b3b77
```
#2b3b77 rgb(43,59,119)
```

Analogous Color

#77672b
```
#77672b rgb(119,103,43)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#772b3b
```
#772b3b rgb(119,43,59)
```

Split Complementary Color

#61772b
```
#61772b rgb(97,119,43)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#772b61
```
#772b61 rgb(119,43,97)
```

Triadic Color

#2b7741
```
#2b7741 rgb(43,119,65)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#772b61
```
#772b61 rgb(119,43,97)
```
#77412b
```
#77412b rgb(119,65,43)
```

Tetradic Color

#17333f
```
#17333f rgb(23,51,63)
```
#1d4252
```
#1d4252 rgb(29,66,82)
```
#245264
```
#245264 rgb(36,82,100)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#32708a
```
#32708a rgb(50,112,138)
```
#39809c
```
#39809c rgb(57,128,156)
```
#3f8faf
```
#3f8faf rgb(63,143,175)
```

Monochromatic Color

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

#2b7477
```
#2b7477 rgb(43,116,119)
```
#2b6e77
```
#2b6e77 rgb(43,110,119)
```
#2b6777
```
#2b6777 rgb(43,103,119)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#2b5b77
```
#2b5b77 rgb(43,91,119)
```
#2b5477
```
#2b5477 rgb(43,84,119)
```
#2b4e77
```
#2b4e77 rgb(43,78,119)
```

Similar Colors

Text with hexadecimal color #2b6177

This text has a font color of #2b6177.

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

#2b6177 background color

This paragraph has a background color of #2b6177.

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

#2b6177 border color

This element has a border color of #2b6177.

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

CSS codes

.text {color:#2b6177;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0c1b21
```
#0c1b21 rgb(12,27,33)
```
#11262f
```
#11262f rgb(17,38,47)
```
#16323d
```
#16323d rgb(22,50,61)
```
#1b3e4c
```
#1b3e4c rgb(27,62,76)
```
#214a5a
```
#214a5a rgb(33,74,90)
```
#265569
```
#265569 rgb(38,85,105)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#306d85
```
#306d85 rgb(48,109,133)
```
#357894
```
#357894 rgb(53,120,148)
```
#3b84a2
```
#3b84a2 rgb(59,132,162)
```
#4090b1
```
#4090b1 rgb(64,144,177)
```

Shade Color Variation

#479bbd
```
#479bbd rgb(71,155,189)
```
#56a3c2
```
#56a3c2 rgb(86,163,194)
```
#64aac7
```
#64aac7 rgb(100,170,199)
```
#73b2cc
```
#73b2cc rgb(115,178,204)
```
#81bad1
```
#81bad1 rgb(129,186,209)
```
#8fc2d7
```
#8fc2d7 rgb(143,194,215)
```
#9ecadc
```
#9ecadc rgb(158,202,220)
```
#acd2e1
```
#acd2e1 rgb(172,210,225)
```
#bbdae6
```
#bbdae6 rgb(187,218,230)
```
#c9e2ec
```
#c9e2ec rgb(201,226,236)
```
#d8e9f1
```
#d8e9f1 rgb(216,233,241)
```
#e6f1f6
```
#e6f1f6 rgb(230,241,246)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#505152
```
#505152 rgb(80,81,82)
```
#4a5458
```
#4a5458 rgb(74,84,88)
```
#44575e
```
#44575e rgb(68,87,94)
```
#3e5964
```
#3e5964 rgb(62,89,100)
```
#375c6b
```
#375c6b rgb(55,92,107)
```
#315e71
```
#315e71 rgb(49,94,113)
```
#2b6177
```
#2b6177 rgb(43,97,119)
```
#25647d
```
#25647d rgb(37,100,125)
```
#1f6683
```
#1f6683 rgb(31,102,131)
```
#18698a
```
#18698a rgb(24,105,138)
```
#126b90
```
#126b90 rgb(18,107,144)
```
#0c6e96
```
#0c6e96 rgb(12,110,150)
```
#06719c
```
#06719c rgb(6,113,156)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6279 Protanopia 1% of men
#5b6180 Deuteranopia 1% of men
#2f6b73 Tritanopia 0.001% of the population

Trichromacy

#4b6178 Protanomaly 1% of men, 0.01% of women
#49617d Deuteranomaly 6% of men, 0.4% of women
#2d6774 Tritanomaly 0.01% of the population

#2b6177 hex color

#2b6177 Color Information

#2b6177 Color Conversion

Color Schemes with #2b6177

Alternatives to #2b6177

#2b6177 Preview

Shades and Tints of #2b6177

Tones of #2b6177

Color Blindness Simulator