colorhexa.com

#2b8fbd hex color

In a RGB color space, hex #2b8fbd is composed of 16.9% red, 56.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 24.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 198.9 degrees, a saturation of 62.9% and a lightness of 45.5%. #2b8fbd color hex could be obtained by blending #56ffff with #001f7b. Closest websafe color is: #3399cc.

- R 17
- G 56
- B 74
RGB color chart
- C 77
- M 24
- Y 0
- K 26
CMYK color chart

● #2b8fbd color description : Strong blue.

The hexadecimal color #2b8fbd has RGB values of R:43, G:143, B:189 and CMYK values of C:0.77, M:0.24, Y:0, K:0.26. Its decimal value is 2854845.

Hex triplet	2b8fbd	`#2b8fbd`
RGB Decimal	43, 143, 189	`rgb(43,143,189)`
RGB Percent	16.9, 56.1, 74.1	`rgb(16.9%,56.1%,74.1%)`
CMYK	77, 24, 0, 26
HSL	198.9°, 62.9, 45.5	`hsl(198.9,62.9%,45.5%)`
HSV (or HSB)	198.9°, 77.2, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.918, -12.588, -32.02
XYZ	20.002, 23.831, 51.687
xyY	0.209, 0.249, 23.831
CIE-LCH	55.918, 34.405, 248.538
CIE-LUV	55.918, -34.602, -47.673
Hunter-Lab	48.817, -12.293, -28.604
Binary	00101011, 10001111, 10111101

#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#bd592b
```
#bd592b rgb(189,89,43)
```

Complementary Color

#2bbda2
```
#2bbda2 rgb(43,189,162)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#2b46bd
```
#2b46bd rgb(43,70,189)
```

Analogous Color

#bda22b
```
#bda22b rgb(189,162,43)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#bd2b46
```
#bd2b46 rgb(189,43,70)
```

Split Complementary Color

#8fbd2b
```
#8fbd2b rgb(143,189,43)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#bd2b8f
```
#bd2b8f rgb(189,43,143)
```

Triadic Color

#2bbd59
```
#2bbd59 rgb(43,189,89)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#bd2b8f
```
#bd2b8f rgb(189,43,143)
```
#bd592b
```
#bd592b rgb(189,89,43)
```

Tetradic Color

#1d607f
```
#1d607f rgb(29,96,127)
```
#227093
```
#227093 rgb(34,112,147)
```
#267fa8
```
#267fa8 rgb(38,127,168)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#319ed0
```
#319ed0 rgb(49,158,208)
```
#46a8d5
```
#46a8d5 rgb(70,168,213)
```
#5bb2da
```
#5bb2da rgb(91,178,218)
```

Monochromatic Color

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

#2bb4bd
```
#2bb4bd rgb(43,180,189)
```
#2ba7bd
```
#2ba7bd rgb(43,167,189)
```
#2b9bbd
```
#2b9bbd rgb(43,155,189)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#2b83bd
```
#2b83bd rgb(43,131,189)
```
#2b77bd
```
#2b77bd rgb(43,119,189)
```
#2b6bbd
```
#2b6bbd rgb(43,107,189)
```

Similar Colors

Text with hexadecimal color #2b8fbd

This text has a font color of #2b8fbd.

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

#2b8fbd background color

This paragraph has a background color of #2b8fbd.

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

#2b8fbd border color

This element has a border color of #2b8fbd.

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

CSS codes

.text {color:#2b8fbd;}

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

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

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#07161d
```
#07161d rgb(7,22,29)
```
#0a222d
```
#0a222d rgb(10,34,45)
```
#0e2e3d
```
#0e2e3d rgb(14,46,61)
```
#123a4d
```
#123a4d rgb(18,58,77)
```
#15465d
```
#15465d rgb(21,70,93)
```
#19536d
```
#19536d rgb(25,83,109)
```
#1c5f7d
```
#1c5f7d rgb(28,95,125)
```
#206b8d
```
#206b8d rgb(32,107,141)
```
#24779d
```
#24779d rgb(36,119,157)
```
#2783ad
```
#2783ad rgb(39,131,173)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#2f9bcd
```
#2f9bcd rgb(47,155,205)
```

Shade Color Variation

#3ca3d3
```
#3ca3d3 rgb(60,163,211)
```
#4cabd6
```
#4cabd6 rgb(76,171,214)
```
#5cb2da
```
#5cb2da rgb(92,178,218)
```
#6cbade
```
#6cbade rgb(108,186,222)
```
#7cc2e1
```
#7cc2e1 rgb(124,194,225)
```
#8cc9e5
```
#8cc9e5 rgb(140,201,229)
```
#9cd1e9
```
#9cd1e9 rgb(156,209,233)
```
#acd8ec
```
#acd8ec rgb(172,216,236)
```
#bce0f0
```
#bce0f0 rgb(188,224,240)
```
#cce7f3
```
#cce7f3 rgb(204,231,243)
```
#dceff7
```
#dceff7 rgb(220,239,247)
```
#ecf6fb
```
#ecf6fb rgb(236,246,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#727576
```
#727576 rgb(114,117,118)
```
#69787f
```
#69787f rgb(105,120,127)
```
#617b87
```
#617b87 rgb(97,123,135)
```
#587e90
```
#587e90 rgb(88,126,144)
```
#4f8299
```
#4f8299 rgb(79,130,153)
```
#4685a2
```
#4685a2 rgb(70,133,162)
```
#3d88ab
```
#3d88ab rgb(61,136,171)
```
#348cb4
```
#348cb4 rgb(52,140,180)
```
#2b8fbd
```
#2b8fbd rgb(43,143,189)
```
#2292c6
```
#2292c6 rgb(34,146,198)
```
#1996cf
```
#1996cf rgb(25,150,207)
```
#1099d8
```
#1099d8 rgb(16,153,216)
```
#079ce1
```
#079ce1 rgb(7,156,225)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#677b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8ab9 Protanopia 1% of men
#748bc4 Deuteranopia 1% of men
#0099a5 Tritanopia 0.001% of the population

Trichromacy

#5f8cba Protanomaly 1% of men, 0.01% of women
#598cc1 Deuteranomaly 6% of men, 0.4% of women
#0f95ad Tritanomaly 0.01% of the population