#2b77ac hex color

In a RGB color space, hex #2b77ac is composed of 16.9% red, 46.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 30.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 204.7 degrees, a saturation of 60% and a lightness of 42.2%. #2b77ac color hex could be obtained by blending #56eeff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 47
- B 67
RGB color chart
- C 75
- M 31
- Y 0
- K 33
CMYK color chart

● #2b77ac color description : Dark blue.

The hexadecimal color #2b77ac has RGB values of R:43, G:119, B:172 and CMYK values of C:0.75, M:0.31, Y:0, K:0.33. Its decimal value is 2848684.

Hex triplet	2b77ac	`#2b77ac`
RGB Decimal	43, 119, 172	`rgb(43,119,172)`
RGB Percent	16.9, 46.7, 67.5	`rgb(16.9%,46.7%,67.5%)`
CMYK	75, 31, 0, 33
HSL	204.7°, 60, 42.2	`hsl(204.7,60%,42.2%)`
HSV (or HSB)	204.7°, 75, 67.5
Web Safe	336699	`#336699`

CIE-LAB	47.86, -4.832, -34.853
XYZ	15.038, 16.685, 41.455
xyY	0.205, 0.228, 16.685
CIE-LCH	47.86, 35.186, 262.107
CIE-LUV	47.86, -27.051, -51.631
Hunter-Lab	40.847, -5.767, -31.581
Binary	00101011, 01110111, 10101100

#2b77ac
```
#2b77ac rgb(43,119,172)
```
#ac602b
```
#ac602b rgb(172,96,43)
```

Complementary Color

#2baca1
```
#2baca1 rgb(43,172,161)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#2b37ac
```
#2b37ac rgb(43,55,172)
```

Analogous Color

#aca12b
```
#aca12b rgb(172,161,43)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#ac2b37
```
#ac2b37 rgb(172,43,55)
```

Split Complementary Color

#77ac2b
```
#77ac2b rgb(119,172,43)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#ac2b77
```
#ac2b77 rgb(172,43,119)
```

Triadic Color

#2bac60
```
#2bac60 rgb(43,172,96)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#ac2b77
```
#ac2b77 rgb(172,43,119)
```
#ac602b
```
#ac602b rgb(172,96,43)
```

Tetradic Color

#1c4d6f
```
#1c4d6f rgb(28,77,111)
```
#215b83
```
#215b83 rgb(33,91,131)
```
#266998
```
#266998 rgb(38,105,152)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#3085c0
```
#3085c0 rgb(48,133,192)
```
#3c92ce
```
#3c92ce rgb(60,146,206)
```
#509dd3
```
#509dd3 rgb(80,157,211)
```

Monochromatic Color

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

#2b97ac
```
#2b97ac rgb(43,151,172)
```
#2b8dac
```
#2b8dac rgb(43,141,172)
```
#2b82ac
```
#2b82ac rgb(43,130,172)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#2b6cac
```
#2b6cac rgb(43,108,172)
```
#2b62ac
```
#2b62ac rgb(43,98,172)
```
#2b57ac
```
#2b57ac rgb(43,87,172)
```

Similar Colors

Text with hexadecimal color #2b77ac

This text has a font color of #2b77ac.

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

#2b77ac background color

This paragraph has a background color of #2b77ac.

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

#2b77ac border color

This element has a border color of #2b77ac.

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

CSS codes

.text {color:#2b77ac;}

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

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

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

#040a0f
```
#040a0f rgb(4,10,15)
```
#08151f
```
#08151f rgb(8,21,31)
```
#0c202e
```
#0c202e rgb(12,32,46)
```
#102b3e
```
#102b3e rgb(16,43,62)
```
#13364e
```
#13364e rgb(19,54,78)
```
#17415e
```
#17415e rgb(23,65,94)
```
#1b4c6d
```
#1b4c6d rgb(27,76,109)
```
#1f567d
```
#1f567d rgb(31,86,125)
```
#23618d
```
#23618d rgb(35,97,141)
```
#276c9c
```
#276c9c rgb(39,108,156)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#2f82bc
```
#2f82bc rgb(47,130,188)
```
#338dcb
```
#338dcb rgb(51,141,203)
```

Shade Color Variation

#4296d0
```
#4296d0 rgb(66,150,208)
```
#529ed4
```
#529ed4 rgb(82,158,212)
```
#61a7d8
```
#61a7d8 rgb(97,167,216)
```
#71b0dc
```
#71b0dc rgb(113,176,220)
```
#81b9df
```
#81b9df rgb(129,185,223)
```
#91c1e3
```
#91c1e3 rgb(145,193,227)
```
#a0cae7
```
#a0cae7 rgb(160,202,231)
```
#b0d3eb
```
#b0d3eb rgb(176,211,235)
```
#c0dcef
```
#c0dcef rgb(192,220,239)
```
#cfe4f3
```
#cfe4f3 rgb(207,228,243)
```
#dfedf7
```
#dfedf7 rgb(223,237,247)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656d72 is the less saturated color, while #027ed5 is the most saturated one.

#656d72
```
#656d72 rgb(101,109,114)
```
#5d6e7a
```
#5d6e7a rgb(93,110,122)
```
#547083
```
#547083 rgb(84,112,131)
```
#4c718b
```
#4c718b rgb(76,113,139)
```
#447393
```
#447393 rgb(68,115,147)
```
#3c749b
```
#3c749b rgb(60,116,155)
```
#3376a4
```
#3376a4 rgb(51,118,164)
```
#2b77ac
```
#2b77ac rgb(43,119,172)
```
#2378b4
```
#2378b4 rgb(35,120,180)
```
#1a7abd
```
#1a7abd rgb(26,122,189)
```
#127bc5
```
#127bc5 rgb(18,123,197)
```
#0a7dcd
```
#0a7dcd rgb(10,125,205)
```
#027ed5
```
#027ed5 rgb(2,126,213)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6677ab Protanopia 1% of men
#5978b2 Deuteranopia 1% of men
#00848e Tritanopia 0.001% of the population

Trichromacy

#5077ab Protanomaly 1% of men, 0.01% of women
#4878b0 Deuteranomaly 6% of men, 0.4% of women
#0f7f99 Tritanomaly 0.01% of the population

#2b77ac hex color

#2b77ac Color Information

#2b77ac Color Conversion

Color Schemes with #2b77ac

Alternatives to #2b77ac

#2b77ac Preview

Shades and Tints of #2b77ac

Tones of #2b77ac

Color Blindness Simulator