#2b778c hex color

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

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

● #2b778c color description : Dark moderate cyan.

The hexadecimal color #2b778c has RGB values of R:43, G:119, B:140 and CMYK values of C:0.69, M:0.15, Y:0, K:0.45. Its decimal value is 2848652.

Hex triplet	2b778c	`#2b778c`
RGB Decimal	43, 119, 140	`rgb(43,119,140)`
RGB Percent	16.9, 46.7, 54.9	`rgb(16.9%,46.7%,54.9%)`
CMYK	69, 15, 0, 45
HSL	193°, 53, 35.9	`hsl(193,53%,35.9%)`
HSV (or HSB)	193°, 69.3, 54.9
Web Safe	336699	`#336699`

CIE-LAB	46.445, -16.079, -18.252
XYZ	12.325, 15.6, 27.171
xyY	0.224, 0.283, 15.6
CIE-LCH	46.445, 24.324, 228.622
CIE-LUV	46.445, -28.651, -24.199
Hunter-Lab	39.496, -13.415, -13.14
Binary	00101011, 01110111, 10001100

#2b778c
```
#2b778c rgb(43,119,140)
```
#8c402b
```
#8c402b rgb(140,64,43)
```

Complementary Color

#2b8c71
```
#2b8c71 rgb(43,140,113)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#2b478c
```
#2b478c rgb(43,71,140)
```

Analogous Color

#8c712b
```
#8c712b rgb(140,113,43)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#8c2b47
```
#8c2b47 rgb(140,43,71)
```

Split Complementary Color

#778c2b
```
#778c2b rgb(119,140,43)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#8c2b77
```
#8c2b77 rgb(140,43,119)
```

Triadic Color

#2b8c40
```
#2b8c40 rgb(43,140,64)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#8c2b77
```
#8c2b77 rgb(140,43,119)
```
#8c402b
```
#8c402b rgb(140,64,43)
```

Tetradic Color

#194551
```
#194551 rgb(25,69,81)
```
#1f5665
```
#1f5665 rgb(31,86,101)
```
#256678
```
#256678 rgb(37,102,120)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#3188a0
```
#3188a0 rgb(49,136,160)
```
#3798b3
```
#3798b3 rgb(55,152,179)
```
#3fa7c4
```
#3fa7c4 rgb(63,167,196)
```

Monochromatic Color

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

#2b8c89
```
#2b8c89 rgb(43,140,137)
```
#2b878c
```
#2b878c rgb(43,135,140)
```
#2b7f8c
```
#2b7f8c rgb(43,127,140)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#2b6f8c
```
#2b6f8c rgb(43,111,140)
```
#2b678c
```
#2b678c rgb(43,103,140)
```
#2b5f8c
```
#2b5f8c rgb(43,95,140)
```

Similar Colors

Text with hexadecimal color #2b778c

This text has a font color of #2b778c.

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

#2b778c background color

This paragraph has a background color of #2b778c.

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

#2b778c border color

This element has a border color of #2b778c.

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

CSS codes

.text {color:#2b778c;}

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

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

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)
```
#0f2a32
```
#0f2a32 rgb(15,42,50)
```
#143741
```
#143741 rgb(20,55,65)
```
#194450
```
#194450 rgb(25,68,80)
```
#1d515f
```
#1d515f rgb(29,81,95)
```
#225d6e
```
#225d6e rgb(34,93,110)
```
#266a7d
```
#266a7d rgb(38,106,125)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#30849b
```
#30849b rgb(48,132,155)
```
#3491aa
```
#3491aa rgb(52,145,170)
```
#399db9
```
#399db9 rgb(57,157,185)
```

Shade Color Variation

#41a8c5
```
#41a8c5 rgb(65,168,197)
```
#50afc9
```
#50afc9 rgb(80,175,201)
```
#5fb6ce
```
#5fb6ce rgb(95,182,206)
```
#6ebdd2
```
#6ebdd2 rgb(110,189,210)
```
#7dc4d7
```
#7dc4d7 rgb(125,196,215)
```
#8ccadc
```
#8ccadc rgb(140,202,220)
```
#9bd1e0
```
#9bd1e0 rgb(155,209,224)
```
#aad8e5
```
#aad8e5 rgb(170,216,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 #018fb6 is the most saturated one.

#555f62
```
#555f62 rgb(85,95,98)
```
#4e6369
```
#4e6369 rgb(78,99,105)
```
#476770
```
#476770 rgb(71,103,112)
```
#406b77
```
#406b77 rgb(64,107,119)
```
#396f7e
```
#396f7e rgb(57,111,126)
```
#327385
```
#327385 rgb(50,115,133)
```
#2b778c
```
#2b778c rgb(43,119,140)
```
#247b93
```
#247b93 rgb(36,123,147)
```
#1d7f9a
```
#1d7f9a rgb(29,127,154)
```
#1683a1
```
#1683a1 rgb(22,131,161)
```
#0f87a8
```
#0f87a8 rgb(15,135,168)
```
#088baf
```
#088baf rgb(8,139,175)
```
#018fb6
```
#018fb6 rgb(1,143,182)
```

Tone Color Variation

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

#70748b Protanopia 1% of men
#6d7395 Deuteranopia 1% of men
#2f7f89 Tritanopia 0.001% of the population

Trichromacy

#56758b Protanomaly 1% of men, 0.01% of women
#557492 Deuteranomaly 6% of men, 0.4% of women
#2d7c8a Tritanomaly 0.01% of the population

#2b778c hex color

#2b778c Color Information

#2b778c Color Conversion

Color Schemes with #2b778c

Alternatives to #2b778c

#2b778c Preview

Shades and Tints of #2b778c

Tones of #2b778c

Color Blindness Simulator