#2b788c hex color

In a RGB color space, hex #2b788c is composed of 16.9% red, 47.1% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 14.3% magenta, 0% yellow and 45.1% black. It has a hue angle of 192.4 degrees, a saturation of 53% and a lightness of 35.9%. #2b788c color hex could be obtained by blending #56f0ff with #000019. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 47
- B 55
RGB color chart
- C 69
- M 14
- Y 0
- K 45
CMYK color chart

● #2b788c color description : Dark moderate cyan.

The hexadecimal color #2b788c has RGB values of R:43, G:120, B:140 and CMYK values of C:0.69, M:0.14, Y:0, K:0.45. Its decimal value is 2848908.

Hex triplet	2b788c	`#2b788c`
RGB Decimal	43, 120, 140	`rgb(43,120,140)`
RGB Percent	16.9, 47.1, 54.9	`rgb(16.9%,47.1%,54.9%)`
CMYK	69, 14, 0, 45
HSL	192.4°, 53, 35.9	`hsl(192.4,53%,35.9%)`
HSV (or HSB)	192.4°, 69.3, 54.9
Web Safe	336699	`#336699`

CIE-LAB	46.762, -16.632, -17.766
XYZ	12.445, 15.839, 27.211
xyY	0.224, 0.285, 15.839
CIE-LCH	46.762, 24.336, 226.888
CIE-LUV	46.762, -29.026, -23.423
Hunter-Lab	39.798, -13.829, -12.679
Binary	00101011, 01111000, 10001100

#2b788c
```
#2b788c rgb(43,120,140)
```
#8c3f2b
```
#8c3f2b rgb(140,63,43)
```

Complementary Color

#2b8c70
```
#2b8c70 rgb(43,140,112)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#2b488c
```
#2b488c rgb(43,72,140)
```

Analogous Color

#8c702b
```
#8c702b rgb(140,112,43)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#8c2b48
```
#8c2b48 rgb(140,43,72)
```

Split Complementary Color

#788c2b
```
#788c2b rgb(120,140,43)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#8c2b78
```
#8c2b78 rgb(140,43,120)
```

Triadic Color

#2b8c3f
```
#2b8c3f rgb(43,140,63)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#8c2b78
```
#8c2b78 rgb(140,43,120)
```
#8c3f2b
```
#8c3f2b rgb(140,63,43)
```

Tetradic Color

#194651
```
#194651 rgb(25,70,81)
```
#1f5765
```
#1f5765 rgb(31,87,101)
```
#256778
```
#256778 rgb(37,103,120)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#3189a0
```
#3189a0 rgb(49,137,160)
```
#3799b3
```
#3799b3 rgb(55,153,179)
```
#3fa9c4
```
#3fa9c4 rgb(63,169,196)
```

Monochromatic Color

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

#2b8c88
```
#2b8c88 rgb(43,140,136)
```
#2b888c
```
#2b888c rgb(43,136,140)
```
#2b808c
```
#2b808c rgb(43,128,140)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#2b708c
```
#2b708c rgb(43,112,140)
```
#2b688c
```
#2b688c rgb(43,104,140)
```
#2b608c
```
#2b608c rgb(43,96,140)
```

Similar Colors

Text with hexadecimal color #2b788c

This text has a font color of #2b788c.

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

#2b788c background color

This paragraph has a background color of #2b788c.

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

#2b788c border color

This element has a border color of #2b788c.

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

CSS codes

.text {color:#2b788c;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0b1e23
```
#0b1e23 rgb(11,30,35)
```
#0f2b32
```
#0f2b32 rgb(15,43,50)
```
#143841
```
#143841 rgb(20,56,65)
```
#194550
```
#194550 rgb(25,69,80)
```
#1d515f
```
#1d515f rgb(29,81,95)
```
#225e6e
```
#225e6e rgb(34,94,110)
```
#266b7d
```
#266b7d rgb(38,107,125)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#30859b
```
#30859b rgb(48,133,155)
```
#3492aa
```
#3492aa rgb(52,146,170)
```
#399fb9
```
#399fb9 rgb(57,159,185)
```

Shade Color Variation

#41a9c5
```
#41a9c5 rgb(65,169,197)
```
#50b0c9
```
#50b0c9 rgb(80,176,201)
```
#5fb7ce
```
#5fb7ce rgb(95,183,206)
```
#6ebed2
```
#6ebed2 rgb(110,190,210)
```
#7dc4d7
```
#7dc4d7 rgb(125,196,215)
```
#8ccbdc
```
#8ccbdc rgb(140,203,220)
```
#9bd2e0
```
#9bd2e0 rgb(155,210,224)
```
#aad9e5
```
#aad9e5 rgb(170,217,229)
```
#b9dfe9
```
#b9dfe9 rgb(185,223,233)
```
#c8e6ee
```
#c8e6ee rgb(200,230,238)
```
#d7edf3
```
#d7edf3 rgb(215,237,243)
```
#e6f4f7
```
#e6f4f7 rgb(230,244,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555f62 is the less saturated color, while #0191b6 is the most saturated one.

#555f62
```
#555f62 rgb(85,95,98)
```
#4e6369
```
#4e6369 rgb(78,99,105)
```
#476770
```
#476770 rgb(71,103,112)
```
#406c77
```
#406c77 rgb(64,108,119)
```
#39707e
```
#39707e rgb(57,112,126)
```
#327485
```
#327485 rgb(50,116,133)
```
#2b788c
```
#2b788c rgb(43,120,140)
```
#247c93
```
#247c93 rgb(36,124,147)
```
#1d809a
```
#1d809a rgb(29,128,154)
```
#1684a1
```
#1684a1 rgb(22,132,161)
```
#0f89a8
```
#0f89a8 rgb(15,137,168)
```
#088daf
```
#088daf rgb(8,141,175)
```
#0191b6
```
#0191b6 rgb(1,145,182)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58676b Atypical Achromatopsia 0.001% of the population

Dichromacy

#71758b Protanopia 1% of men
#6f7496 Deuteranopia 1% of men
#308089 Tritanopia 0.001% of the population

Trichromacy

#57768b Protanomaly 1% of men, 0.01% of women
#567592 Deuteranomaly 6% of men, 0.4% of women
#2e7d8a Tritanomaly 0.01% of the population

#2b788c hex color

#2b788c Color Information

#2b788c Color Conversion

Color Schemes with #2b788c

Alternatives to #2b788c

#2b788c Preview

Shades and Tints of #2b788c

Tones of #2b788c

Color Blindness Simulator