#2b6af7 hex color

In a RGB color space, hex #2b6af7 is composed of 16.9% red, 41.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 57.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 221.5 degrees, a saturation of 92.7% and a lightness of 56.9%. #2b6af7 color hex could be obtained by blending #56d4ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 42
- B 97
RGB color chart
- C 83
- M 57
- Y 0
- K 3
CMYK color chart

● #2b6af7 color description : Bright blue.

The hexadecimal color #2b6af7 has RGB values of R:43, G:106, B:247 and CMYK values of C:0.83, M:0.57, Y:0, K:0.03. Its decimal value is 2845431.

Hex triplet	2b6af7	`#2b6af7`
RGB Decimal	43, 106, 247	`rgb(43,106,247)`
RGB Percent	16.9, 41.6, 96.9	`rgb(16.9%,41.6%,96.9%)`
CMYK	83, 57, 0, 3
HSL	221.5°, 92.7, 56.9	`hsl(221.5,92.7%,56.9%)`
HSV (or HSB)	221.5°, 82.6, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.927, 31.425, -75.869
XYZ	22.935, 17.535, 90.166
xyY	0.176, 0.134, 17.535
CIE-LCH	48.927, 82.119, 292.499
CIE-LUV	48.927, -20.974, -117.498
Hunter-Lab	41.875, 24.484, -98.352
Binary	00101011, 01101010, 11110111

#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#f7b82b
```
#f7b82b rgb(247,184,43)
```

Complementary Color

#2bd0f7
```
#2bd0f7 rgb(43,208,247)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#522bf7
```
#522bf7 rgb(82,43,247)
```

Analogous Color

#d0f72b
```
#d0f72b rgb(208,247,43)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#f7522b
```
#f7522b rgb(247,82,43)
```

Split Complementary Color

#6af72b
```
#6af72b rgb(106,247,43)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#f72b6a
```
#f72b6a rgb(247,43,106)
```

Triadic Color

#2bf7b8
```
#2bf7b8 rgb(43,247,184)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#f72b6a
```
#f72b6a rgb(247,43,106)
```
#f7b82b
```
#f7b82b rgb(247,184,43)
```

Tetradic Color

#0845ce
```
#0845ce rgb(8,69,206)
```
#094de6
```
#094de6 rgb(9,77,230)
```
#1259f6
```
#1259f6 rgb(18,89,246)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#447bf8
```
#447bf8 rgb(68,123,248)
```
#5c8df9
```
#5c8df9 rgb(92,141,249)
```
#759efa
```
#759efa rgb(117,158,250)
```

Monochromatic Color

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

#2b9df7
```
#2b9df7 rgb(43,157,247)
```
#2b8cf7
```
#2b8cf7 rgb(43,140,247)
```
#2b7bf7
```
#2b7bf7 rgb(43,123,247)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#2b59f7
```
#2b59f7 rgb(43,89,247)
```
#2b48f7
```
#2b48f7 rgb(43,72,247)
```
#2b37f7
```
#2b37f7 rgb(43,55,247)
```

Similar Colors

Text with hexadecimal color #2b6af7

This text has a font color of #2b6af7.

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

#2b6af7 background color

This paragraph has a background color of #2b6af7.

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

#2b6af7 border color

This element has a border color of #2b6af7.

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

CSS codes

.text {color:#2b6af7;}

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

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

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, #01050f is the darkest color, while #fbfcff is the lightest one.

#01050f
```
#01050f rgb(1,5,15)
```
#010b22
```
#010b22 rgb(1,11,34)
```
#021235
```
#021235 rgb(2,18,53)
```
#031848
```
#031848 rgb(3,24,72)
```
#031e5a
```
#031e5a rgb(3,30,90)
```
#04256d
```
#04256d rgb(4,37,109)
```
#052b80
```
#052b80 rgb(5,43,128)
```
#063193
```
#063193 rgb(6,49,147)
```
#0638a6
```
#0638a6 rgb(6,56,166)
```
#073eb9
```
#073eb9 rgb(7,62,185)
```
#0844cc
```
#0844cc rgb(8,68,204)
```
#084bdf
```
#084bdf rgb(8,75,223)
```
#0951f2
```
#0951f2 rgb(9,81,242)
```

Shade Color Variation

#185df6
```
#185df6 rgb(24,93,246)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```
#3e77f8
```
#3e77f8 rgb(62,119,248)
```
#5185f8
```
#5185f8 rgb(81,133,248)
```
#6492f9
```
#6492f9 rgb(100,146,249)
```
#779ffa
```
#779ffa rgb(119,159,250)
```
#8aacfb
```
#8aacfb rgb(138,172,251)
```
#9cbafb
```
#9cbafb rgb(156,186,251)
```
#afc7fc
```
#afc7fc rgb(175,199,252)
```
#c2d4fd
```
#c2d4fd rgb(194,212,253)
```
#d5e2fd
```
#d5e2fd rgb(213,226,253)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#888e9a
```
#888e9a rgb(136,142,154)
```
#808aa2
```
#808aa2 rgb(128,138,162)
```
#7787ab
```
#7787ab rgb(119,135,171)
```
#6f84b3
```
#6f84b3 rgb(111,132,179)
```
#6681bc
```
#6681bc rgb(102,129,188)
```
#5e7dc4
```
#5e7dc4 rgb(94,125,196)
```
#557acd
```
#557acd rgb(85,122,205)
```
#4d77d5
```
#4d77d5 rgb(77,119,213)
```
#4474de
```
#4474de rgb(68,116,222)
```
#3c70e6
```
#3c70e6 rgb(60,112,230)
```
#336def
```
#336def rgb(51,109,239)
```
#2b6af7
```
#2b6af7 rgb(43,106,247)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#0f72ee Protanomaly 1% of men, 0.01% of women
#0f77dc Deuteranomaly 6% of men, 0.4% of women
#0f7cb4 Tritanomaly 0.01% of the population

#2b6af7 hex color

#2b6af7 Color Information

#2b6af7 Color Conversion

Color Schemes with #2b6af7

Alternatives to #2b6af7

#2b6af7 Preview

Shades and Tints of #2b6af7

Tones of #2b6af7

Color Blindness Simulator