#2b6ac0 hex color

In a RGB color space, hex #2b6ac0 is composed of 16.9% red, 41.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 44.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 214.6 degrees, a saturation of 63.4% and a lightness of 46.1%. #2b6ac0 color hex could be obtained by blending #56d4ff with #000081. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 42
- B 75
RGB color chart
- C 78
- M 45
- Y 0
- K 25
CMYK color chart

● #2b6ac0 color description : Strong blue.

The hexadecimal color #2b6ac0 has RGB values of R:43, G:106, B:192 and CMYK values of C:0.78, M:0.45, Y:0, K:0.25. Its decimal value is 2845376.

Hex triplet	2b6ac0	`#2b6ac0`
RGB Decimal	43, 106, 192	`rgb(43,106,192)`
RGB Percent	16.9, 41.6, 75.3	`rgb(16.9%,41.6%,75.3%)`
CMYK	78, 45, 0, 25
HSL	214.6°, 63.4, 46.1	`hsl(214.6,63.4%,46.1%)`
HSV (or HSB)	214.6°, 77.6, 75.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.118, 10.683, -50.819
XYZ	15.663, 14.626, 51.864
xyY	0.191, 0.178, 14.626
CIE-LCH	45.118, 51.929, 281.872
CIE-LUV	45.118, -21.974, -77.052
Hunter-Lab	38.244, 6.176, -53.634
Binary	00101011, 01101010, 11000000

#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#c0812b
```
#c0812b rgb(192,129,43)
```

Complementary Color

#2bb5c0
```
#2bb5c0 rgb(43,181,192)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#372bc0
```
#372bc0 rgb(55,43,192)
```

Analogous Color

#b5c02b
```
#b5c02b rgb(181,192,43)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#c0372b
```
#c0372b rgb(192,55,43)
```

Split Complementary Color

#6ac02b
```
#6ac02b rgb(106,192,43)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#c02b6a
```
#c02b6a rgb(192,43,106)
```

Triadic Color

#2bc081
```
#2bc081 rgb(43,192,129)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#c02b6a
```
#c02b6a rgb(192,43,106)
```
#c0812b
```
#c0812b rgb(192,129,43)
```

Tetradic Color

#1d4781
```
#1d4781 rgb(29,71,129)
```
#225396
```
#225396 rgb(34,83,150)
```
#265eab
```
#265eab rgb(38,94,171)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#3376d1
```
#3376d1 rgb(51,118,209)
```
#4884d6
```
#4884d6 rgb(72,132,214)
```
#5d92db
```
#5d92db rgb(93,146,219)
```

Monochromatic Color

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

#2b8fc0
```
#2b8fc0 rgb(43,143,192)
```
#2b83c0
```
#2b83c0 rgb(43,131,192)
```
#2b76c0
```
#2b76c0 rgb(43,118,192)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#2b5ec0
```
#2b5ec0 rgb(43,94,192)
```
#2b51c0
```
#2b51c0 rgb(43,81,192)
```
#2b45c0
```
#2b45c0 rgb(43,69,192)
```

Similar Colors

Text with hexadecimal color #2b6ac0

This text has a font color of #2b6ac0.

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

#2b6ac0 background color

This paragraph has a background color of #2b6ac0.

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

#2b6ac0 border color

This element has a border color of #2b6ac0.

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

CSS codes

.text {color:#2b6ac0;}

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

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

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

#040910
```
#040910 rgb(4,9,16)
```
#071220
```
#071220 rgb(7,18,32)
```
#0b1a30
```
#0b1a30 rgb(11,26,48)
```
#0e2340
```
#0e2340 rgb(14,35,64)
```
#122c50
```
#122c50 rgb(18,44,80)
```
#153560
```
#153560 rgb(21,53,96)
```
#193e70
```
#193e70 rgb(25,62,112)
```
#1d4780
```
#1d4780 rgb(29,71,128)
```
#204f90
```
#204f90 rgb(32,79,144)
```
#2458a0
```
#2458a0 rgb(36,88,160)
```
#2761b0
```
#2761b0 rgb(39,97,176)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#2f73d0
```
#2f73d0 rgb(47,115,208)
```

Shade Color Variation

#3e7ed4
```
#3e7ed4 rgb(62,126,212)
```
#4e88d7
```
#4e88d7 rgb(78,136,215)
```
#5e93db
```
#5e93db rgb(94,147,219)
```
#6e9edf
```
#6e9edf rgb(110,158,223)
```
#7ea9e2
```
#7ea9e2 rgb(126,169,226)
```
#8fb3e6
```
#8fb3e6 rgb(143,179,230)
```
#9fbee9
```
#9fbee9 rgb(159,190,233)
```
#afc9ed
```
#afc9ed rgb(175,201,237)
```
#bfd4f1
```
#bfd4f1 rgb(191,212,241)
```
#cfdef4
```
#cfdef4 rgb(207,222,244)
```
#dfe9f8
```
#dfe9f8 rgb(223,233,248)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#737578
```
#737578 rgb(115,117,120)
```
#6a7481
```
#6a7481 rgb(106,116,129)
```
#61728a
```
#61728a rgb(97,114,138)
```
#587193
```
#587193 rgb(88,113,147)
```
#4f709c
```
#4f709c rgb(79,112,156)
```
#466ea5
```
#466ea5 rgb(70,110,165)
```
#3d6dae
```
#3d6dae rgb(61,109,174)
```
#346bb7
```
#346bb7 rgb(52,107,183)
```
#2b6ac0
```
#2b6ac0 rgb(43,106,192)
```
#2269c9
```
#2269c9 rgb(34,105,201)
```
#1967d2
```
#1967d2 rgb(25,103,210)
```
#1066db
```
#1066db rgb(16,102,219)
```
#0764e4
```
#0764e4 rgb(7,100,228)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#566374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#476fc1 Protanopia 1% of men
#0874c2 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#3d6dc1 Protanomaly 1% of men, 0.01% of women
#1470c1 Deuteranomaly 6% of men, 0.4% of women
#0f769a Tritanomaly 0.01% of the population

#2b6ac0 hex color

#2b6ac0 Color Information

#2b6ac0 Color Conversion

Color Schemes with #2b6ac0

Alternatives to #2b6ac0

#2b6ac0 Preview

Shades and Tints of #2b6ac0

Tones of #2b6ac0

Color Blindness Simulator