#2b84ac hex color

In a RGB color space, hex #2b84ac is composed of 16.9% red, 51.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 23.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 198.6 degrees, a saturation of 60% and a lightness of 42.2%. #2b84ac color hex could be obtained by blending #56ffff with #000959. Closest websafe color is: #339999.

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

● #2b84ac color description : Dark blue.

The hexadecimal color #2b84ac has RGB values of R:43, G:132, B:172 and CMYK values of C:0.75, M:0.23, Y:0, K:0.33. Its decimal value is 2852012.

Hex triplet	2b84ac	`#2b84ac`
RGB Decimal	43, 132, 172	`rgb(43,132,172)`
RGB Percent	16.9, 51.8, 67.5	`rgb(16.9%,51.8%,67.5%)`
CMYK	75, 23, 0, 33
HSL	198.6°, 60, 42.2	`hsl(198.6,60%,42.2%)`
HSV (or HSB)	198.6°, 75, 67.5
Web Safe	339999	`#339999`

CIE-LAB	51.83, -12.368, -28.649
XYZ	16.692, 19.993, 42.007
xyY	0.212, 0.254, 19.993
CIE-LCH	51.83, 31.204, 246.65
CIE-LUV	51.83, -31.661, -41.637
Hunter-Lab	44.714, -11.614, -24.401
Binary	00101011, 10000100, 10101100

#2b84ac
```
#2b84ac rgb(43,132,172)
```
#ac532b
```
#ac532b rgb(172,83,43)
```

Complementary Color

#2bac94
```
#2bac94 rgb(43,172,148)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#2b43ac
```
#2b43ac rgb(43,67,172)
```

Analogous Color

#ac942b
```
#ac942b rgb(172,148,43)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#ac2b44
```
#ac2b44 rgb(172,43,68)
```

Split Complementary Color

#84ac2b
```
#84ac2b rgb(132,172,43)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#ac2b84
```
#ac2b84 rgb(172,43,132)
```

Triadic Color

#2bac53
```
#2bac53 rgb(43,172,83)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#ac2b84
```
#ac2b84 rgb(172,43,132)
```
#ac532b
```
#ac532b rgb(172,83,43)
```

Tetradic Color

#1c556f
```
#1c556f rgb(28,85,111)
```
#216583
```
#216583 rgb(33,101,131)
```
#267498
```
#267498 rgb(38,116,152)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#3094c0
```
#3094c0 rgb(48,148,192)
```
#3ca1ce
```
#3ca1ce rgb(60,161,206)
```
#50abd3
```
#50abd3 rgb(80,171,211)
```

Monochromatic Color

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

#2ba4ac
```
#2ba4ac rgb(43,164,172)
```
#2b9aac
```
#2b9aac rgb(43,154,172)
```
#2b8fac
```
#2b8fac rgb(43,143,172)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#2b79ac
```
#2b79ac rgb(43,121,172)
```
#2b6fac
```
#2b6fac rgb(43,111,172)
```
#2b64ac
```
#2b64ac rgb(43,100,172)
```

Similar Colors

Text with hexadecimal color #2b84ac

This text has a font color of #2b84ac.

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

#2b84ac background color

This paragraph has a background color of #2b84ac.

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

#2b84ac border color

This element has a border color of #2b84ac.

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

CSS codes

.text {color:#2b84ac;}

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

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

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

#040c0f
```
#040c0f rgb(4,12,15)
```
#08181f
```
#08181f rgb(8,24,31)
```
#0c242e
```
#0c242e rgb(12,36,46)
```
#10303e
```
#10303e rgb(16,48,62)
```
#133c4e
```
#133c4e rgb(19,60,78)
```
#17485e
```
#17485e rgb(23,72,94)
```
#1b546d
```
#1b546d rgb(27,84,109)
```
#1f607d
```
#1f607d rgb(31,96,125)
```
#236c8d
```
#236c8d rgb(35,108,141)
```
#27789c
```
#27789c rgb(39,120,156)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#2f90bc
```
#2f90bc rgb(47,144,188)
```
#339ccb
```
#339ccb rgb(51,156,203)
```

Shade Color Variation

#42a4d0
```
#42a4d0 rgb(66,164,208)
```
#52abd4
```
#52abd4 rgb(82,171,212)
```
#61b3d8
```
#61b3d8 rgb(97,179,216)
```
#71bbdc
```
#71bbdc rgb(113,187,220)
```
#81c2df
```
#81c2df rgb(129,194,223)
```
#91cae3
```
#91cae3 rgb(145,202,227)
```
#a0d1e7
```
#a0d1e7 rgb(160,209,231)
```
#b0d9eb
```
#b0d9eb rgb(176,217,235)
```
#c0e0ef
```
#c0e0ef rgb(192,224,239)
```
#cfe8f3
```
#cfe8f3 rgb(207,232,243)
```
#dff0f7
```
#dff0f7 rgb(223,240,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#656e72
```
#656e72 rgb(101,110,114)
```
#5d717a
```
#5d717a rgb(93,113,122)
```
#547483
```
#547483 rgb(84,116,131)
```
#4c778b
```
#4c778b rgb(76,119,139)
```
#447b93
```
#447b93 rgb(68,123,147)
```
#3c7e9b
```
#3c7e9b rgb(60,126,155)
```
#3381a4
```
#3381a4 rgb(51,129,164)
```
#2b84ac
```
#2b84ac rgb(43,132,172)
```
#2387b4
```
#2387b4 rgb(35,135,180)
```
#1a8abd
```
#1a8abd rgb(26,138,189)
```
#128dc5
```
#128dc5 rgb(18,141,197)
```
#0a91cd
```
#0a91cd rgb(10,145,205)
```
#0294d5
```
#0294d5 rgb(2,148,213)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#61727a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7680a9 Protanopia 1% of men
#6e81b3 Deuteranopia 1% of men
#188e99 Tritanopia 0.001% of the population

Trichromacy

#5a82aa Protanomaly 1% of men, 0.01% of women
#5582b1 Deuteranomaly 6% of men, 0.4% of women
#1e8aa0 Tritanomaly 0.01% of the population

#2b84ac hex color

#2b84ac Color Information

#2b84ac Color Conversion

Color Schemes with #2b84ac

Alternatives to #2b84ac

#2b84ac Preview

Shades and Tints of #2b84ac

Tones of #2b84ac

Color Blindness Simulator