colorhexa.com

#2b7bb8 hex color

In a RGB color space, hex #2b7bb8 is composed of 16.9% red, 48.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 33.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 206 degrees, a saturation of 62.1% and a lightness of 44.5%. #2b7bb8 color hex could be obtained by blending #56f6ff with #000071. Closest websafe color is: #3366cc.

- R 17
- G 48
- B 72
RGB color chart
- C 77
- M 33
- Y 0
- K 28
CMYK color chart

● #2b7bb8 color description : Strong blue.

The hexadecimal color #2b7bb8 has RGB values of R:43, G:123, B:184 and CMYK values of C:0.77, M:0.33, Y:0, K:0.28. Its decimal value is 2849720.

Hex triplet	2b7bb8	`#2b7bb8`
RGB Decimal	43, 123, 184	`rgb(43,123,184)`
RGB Percent	16.9, 48.2, 72.2	`rgb(16.9%,48.2%,72.2%)`
CMYK	77, 33, 0, 28
HSL	206°, 62.1, 44.5	`hsl(206,62.1%,44.5%)`
HSV (or HSB)	206°, 76.6, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.664, -2.827, -38.963
XYZ	16.729, 18.139, 47.964
xyY	0.202, 0.219, 18.139
CIE-LCH	49.664, 39.066, 265.85
CIE-LUV	49.664, -27.888, -58.791
Hunter-Lab	42.59, -4.419, -36.959
Binary	00101011, 01111011, 10111000

#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#b8682b
```
#b8682b rgb(184,104,43)
```

Complementary Color

#2bb8af
```
#2bb8af rgb(43,184,175)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#2b35b8
```
#2b35b8 rgb(43,53,184)
```

Analogous Color

#b8af2b
```
#b8af2b rgb(184,175,43)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#b82b35
```
#b82b35 rgb(184,43,53)
```

Split Complementary Color

#7bb82b
```
#7bb82b rgb(123,184,43)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#b82b7b
```
#b82b7b rgb(184,43,123)
```

Triadic Color

#2bb868
```
#2bb868 rgb(43,184,104)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#b82b7b
```
#b82b7b rgb(184,43,123)
```
#b8682b
```
#b8682b rgb(184,104,43)
```

Tetradic Color

#1d527a
```
#1d527a rgb(29,82,122)
```
#215f8f
```
#215f8f rgb(33,95,143)
```
#266da3
```
#266da3 rgb(38,109,163)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#3089cd
```
#3089cd rgb(48,137,205)
```
#4395d3
```
#4395d3 rgb(67,149,211)
```
#58a0d8
```
#58a0d8 rgb(88,160,216)
```

Monochromatic Color

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

#2b9eb8
```
#2b9eb8 rgb(43,158,184)
```
#2b93b8
```
#2b93b8 rgb(43,147,184)
```
#2b87b8
```
#2b87b8 rgb(43,135,184)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#2b6fb8
```
#2b6fb8 rgb(43,111,184)
```
#2b64b8
```
#2b64b8 rgb(43,100,184)
```
#2b58b8
```
#2b58b8 rgb(43,88,184)
```

Similar Colors

Text with hexadecimal color #2b7bb8

This text has a font color of #2b7bb8.

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

#2b7bb8 background color

This paragraph has a background color of #2b7bb8.

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

#2b7bb8 border color

This element has a border color of #2b7bb8.

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

CSS codes

.text {color:#2b7bb8;}

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

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

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

#020609
```
#020609 rgb(2,6,9)
```
#061119
```
#061119 rgb(6,17,25)
```
#0a1b29
```
#0a1b29 rgb(10,27,41)
```
#0d2639
```
#0d2639 rgb(13,38,57)
```
#113149
```
#113149 rgb(17,49,73)
```
#153b59
```
#153b59 rgb(21,59,89)
```
#184669
```
#184669 rgb(24,70,105)
```
#1c5078
```
#1c5078 rgb(28,80,120)
```
#205b88
```
#205b88 rgb(32,91,136)
```
#246698
```
#246698 rgb(36,102,152)
```
#2770a8
```
#2770a8 rgb(39,112,168)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#2f86c8
```
#2f86c8 rgb(47,134,200)
```

Shade Color Variation

#398fd1
```
#398fd1 rgb(57,143,209)
```
#4998d5
```
#4998d5 rgb(73,152,213)
```
#59a1d8
```
#59a1d8 rgb(89,161,216)
```
#69aadc
```
#69aadc rgb(105,170,220)
```
#79b3e0
```
#79b3e0 rgb(121,179,224)
```
#89bce3
```
#89bce3 rgb(137,188,227)
```
#99c5e7
```
#99c5e7 rgb(153,197,231)
```
#a9ceeb
```
#a9ceeb rgb(169,206,235)
```
#b9d7ef
```
#b9d7ef rgb(185,215,239)
```
#c9e0f2
```
#c9e0f2 rgb(201,224,242)
```
#d8e9f6
```
#d8e9f6 rgb(216,233,246)
```
#e8f2fa
```
#e8f2fa rgb(232,242,250)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#717272
```
#717272 rgb(113,114,114)
```
#68737b
```
#68737b rgb(104,115,123)
```
#5f7484
```
#5f7484 rgb(95,116,132)
```
#57758c
```
#57758c rgb(87,117,140)
```
#4e7695
```
#4e7695 rgb(78,118,149)
```
#45779e
```
#45779e rgb(69,119,158)
```
#3c79a7
```
#3c79a7 rgb(60,121,167)
```
#347aaf
```
#347aaf rgb(52,122,175)
```
#2b7bb8
```
#2b7bb8 rgb(43,123,184)
```
#227cc1
```
#227cc1 rgb(34,124,193)
```
#1a7dc9
```
#1a7dc9 rgb(26,125,201)
```
#117fd2
```
#117fd2 rgb(17,127,210)
```
#0880db
```
#0880db rgb(8,128,219)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5d6d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#667bb6 Protanopia 1% of men
#567dbd Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#517bb7 Protanomaly 1% of men, 0.01% of women
#467cbb Deuteranomaly 6% of men, 0.4% of women
#0f84a0 Tritanomaly 0.01% of the population