#2b6ae9 hex color

In a RGB color space, hex #2b6ae9 is composed of 16.9% red, 41.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 54.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 220.1 degrees, a saturation of 81.2% and a lightness of 54.1%. #2b6ae9 color hex could be obtained by blending #56d4ff with #0000d3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 42
- B 91
RGB color chart
- C 82
- M 55
- Y 0
- K 9
CMYK color chart

● #2b6ae9 color description : Bright blue.

The hexadecimal color #2b6ae9 has RGB values of R:43, G:106, B:233 and CMYK values of C:0.82, M:0.55, Y:0, K:0.09. Its decimal value is 2845417.

Hex triplet	2b6ae9	`#2b6ae9`
RGB Decimal	43, 106, 233	`rgb(43,106,233)`
RGB Percent	16.9, 41.6, 91.4	`rgb(16.9%,41.6%,91.4%)`
CMYK	82, 55, 0, 9
HSL	220.1°, 81.2, 54.1	`hsl(220.1,81.2%,54.1%)`
HSV (or HSB)	220.1°, 81.5, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.884, 26.213, -69.731
XYZ	20.855, 16.703, 79.211
xyY	0.179, 0.143, 16.703
CIE-LCH	47.884, 74.495, 290.602
CIE-LUV	47.884, -21.14, -107.701
Hunter-Lab	40.87, 19.564, -86.304
Binary	00101011, 01101010, 11101001

#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#e9aa2b
```
#e9aa2b rgb(233,170,43)
```

Complementary Color

#2bc9e9
```
#2bc9e9 rgb(43,201,233)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#4b2be9
```
#4b2be9 rgb(75,43,233)
```

Analogous Color

#c9e92b
```
#c9e92b rgb(201,233,43)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#e94b2b
```
#e94b2b rgb(233,75,43)
```

Split Complementary Color

#6ae92b
```
#6ae92b rgb(106,233,43)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#e92b6a
```
#e92b6a rgb(233,43,106)
```

Triadic Color

#2be9aa
```
#2be9aa rgb(43,233,170)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#e92b6a
```
#e92b6a rgb(233,43,106)
```
#e9aa2b
```
#e9aa2b rgb(233,170,43)
```

Tetradic Color

#1348b5
```
#1348b5 rgb(19,72,181)
```
#1552cc
```
#1552cc rgb(21,82,204)
```
#185be3
```
#185be3 rgb(24,91,227)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#427aeb
```
#427aeb rgb(66,122,235)
```
#598aee
```
#598aee rgb(89,138,238)
```
#709bf0
```
#709bf0 rgb(112,155,240)
```

Monochromatic Color

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

#2b9ae9
```
#2b9ae9 rgb(43,154,233)
```
#2b8ae9
```
#2b8ae9 rgb(43,138,233)
```
#2b7ae9
```
#2b7ae9 rgb(43,122,233)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#2b5ae9
```
#2b5ae9 rgb(43,90,233)
```
#2b4ae9
```
#2b4ae9 rgb(43,74,233)
```
#2b3be9
```
#2b3be9 rgb(43,59,233)
```

Similar Colors

Text with hexadecimal color #2b6ae9

This text has a font color of #2b6ae9.

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

#2b6ae9 background color

This paragraph has a background color of #2b6ae9.

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

#2b6ae9 border color

This element has a border color of #2b6ae9.

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

CSS codes

.text {color:#2b6ae9;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020813
```
#020813 rgb(2,8,19)
```
#040f25
```
#040f25 rgb(4,15,37)
```
#061637
```
#061637 rgb(6,22,55)
```
#081d48
```
#081d48 rgb(8,29,72)
```
#09245a
```
#09245a rgb(9,36,90)
```
#0b2b6c
```
#0b2b6c rgb(11,43,108)
```
#0d327e
```
#0d327e rgb(13,50,126)
```
#0f3a8f
```
#0f3a8f rgb(15,58,143)
```
#1141a1
```
#1141a1 rgb(17,65,161)
```
#1348b3
```
#1348b3 rgb(19,72,179)
```
#144fc5
```
#144fc5 rgb(20,79,197)
```
#1656d7
```
#1656d7 rgb(22,86,215)
```

Shade Color Variation

#195ee7
```
#195ee7 rgb(25,94,231)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#3d76eb
```
#3d76eb rgb(61,118,235)
```
#4f83ed
```
#4f83ed rgb(79,131,237)
```
#608fef
```
#608fef rgb(96,143,239)
```
#729cf0
```
#729cf0 rgb(114,156,240)
```
#84a8f2
```
#84a8f2 rgb(132,168,242)
```
#96b5f4
```
#96b5f4 rgb(150,181,244)
```
#a7c1f6
```
#a7c1f6 rgb(167,193,246)
```
#b9cef8
```
#b9cef8 rgb(185,206,248)
```
#cbdafa
```
#cbdafa rgb(203,218,250)
```
#dde7fb
```
#dde7fb rgb(221,231,251)
```
#eef3fd
```
#eef3fd rgb(238,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85888f is the less saturated color, while #1964fb is the most saturated one.

#85888f
```
#85888f rgb(133,136,143)
```
#7c8598
```
#7c8598 rgb(124,133,152)
```
#7382a1
```
#7382a1 rgb(115,130,161)
```
#6a7faa
```
#6a7faa rgb(106,127,170)
```
#617cb3
```
#617cb3 rgb(97,124,179)
```
#5879bc
```
#5879bc rgb(88,121,188)
```
#4f76c5
```
#4f76c5 rgb(79,118,197)
```
#4673ce
```
#4673ce rgb(70,115,206)
```
#3d70d7
```
#3d70d7 rgb(61,112,215)
```
#346de0
```
#346de0 rgb(52,109,224)
```
#2b6ae9
```
#2b6ae9 rgb(43,106,233)
```
#2267f2
```
#2267f2 rgb(34,103,242)
```
#1964fb
```
#1964fb rgb(25,100,251)
```

Tone Color Variation

Below, you can see how #2b6ae9 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
#5a6780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#0f71e7 Protanomaly 1% of men, 0.01% of women
#0f75d4 Deuteranomaly 6% of men, 0.4% of women
#0f7bae Tritanomaly 0.01% of the population

#2b6ae9 hex color

#2b6ae9 Color Information

#2b6ae9 Color Conversion

Color Schemes with #2b6ae9

Alternatives to #2b6ae9

#2b6ae9 Preview

Shades and Tints of #2b6ae9

Tones of #2b6ae9

Color Blindness Simulator