#2b6ff2 hex color

In a RGB color space, hex #2b6ff2 is composed of 16.9% red, 43.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 54.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 219.5 degrees, a saturation of 88.4% and a lightness of 55.9%. #2b6ff2 color hex could be obtained by blending #56deff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 44
- B 95
RGB color chart
- C 82
- M 54
- Y 0
- K 5
CMYK color chart

● #2b6ff2 color description : Bright blue.

The hexadecimal color #2b6ff2 has RGB values of R:43, G:111, B:242 and CMYK values of C:0.82, M:0.54, Y:0, K:0.05. Its decimal value is 2846706.

Hex triplet	2b6ff2	`#2b6ff2`
RGB Decimal	43, 111, 242	`rgb(43,111,242)`
RGB Percent	16.9, 43.5, 94.9	`rgb(16.9%,43.5%,94.9%)`
CMYK	82, 54, 0, 5
HSL	219.5°, 88.4, 55.9	`hsl(219.5,88.4%,55.9%)`
HSV (or HSB)	219.5°, 82.2, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.848, 26.41, -71.582
XYZ	22.704, 18.291, 86.334
xyY	0.178, 0.144, 18.291
CIE-LCH	49.848, 76.299, 290.251
CIE-LUV	49.848, -22.371, -111.649
Hunter-Lab	42.769, 19.914, -89.746
Binary	00101011, 01101111, 11110010

#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#f2ae2b
```
#f2ae2b rgb(242,174,43)
```

Complementary Color

#2bd3f2
```
#2bd3f2 rgb(43,211,242)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#4b2bf2
```
#4b2bf2 rgb(75,43,242)
```

Analogous Color

#d3f22b
```
#d3f22b rgb(211,242,43)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#f24b2b
```
#f24b2b rgb(242,75,43)
```

Split Complementary Color

#6ff22b
```
#6ff22b rgb(111,242,43)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#f22b6f
```
#f22b6f rgb(242,43,111)
```

Triadic Color

#2bf2ae
```
#2bf2ae rgb(43,242,174)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#f22b6f
```
#f22b6f rgb(242,43,111)
```
#f2ae2b
```
#f2ae2b rgb(242,174,43)
```

Tetradic Color

#0c4bc4
```
#0c4bc4 rgb(12,75,196)
```
#0e54dc
```
#0e54dc rgb(14,84,220)
```
#135ff1
```
#135ff1 rgb(19,95,241)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#437ff3
```
#437ff3 rgb(67,127,243)
```
#5b90f5
```
#5b90f5 rgb(91,144,245)
```
#73a0f6
```
#73a0f6 rgb(115,160,246)
```

Monochromatic Color

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

#2ba1f2
```
#2ba1f2 rgb(43,161,242)
```
#2b90f2
```
#2b90f2 rgb(43,144,242)
```
#2b80f2
```
#2b80f2 rgb(43,128,242)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#2b5ef2
```
#2b5ef2 rgb(43,94,242)
```
#2b4ef2
```
#2b4ef2 rgb(43,78,242)
```
#2b3df2
```
#2b3df2 rgb(43,61,242)
```

Similar Colors

Text with hexadecimal color #2b6ff2

This text has a font color of #2b6ff2.

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

#2b6ff2 background color

This paragraph has a background color of #2b6ff2.

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

#2b6ff2 border color

This element has a border color of #2b6ff2.

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

CSS codes

.text {color:#2b6ff2;}

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

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

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, #01040a is the darkest color, while #f6f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#03122f
```
#03122f rgb(3,18,47)
```
#041941
```
#041941 rgb(4,25,65)
```
#052054
```
#052054 rgb(5,32,84)
```
#062766
```
#062766 rgb(6,39,102)
```
#072e79
```
#072e79 rgb(7,46,121)
```
#09358b
```
#09358b rgb(9,53,139)
```
#0a3c9e
```
#0a3c9e rgb(10,60,158)
```
#0b43b0
```
#0b43b0 rgb(11,67,176)
```
#0c4ac3
```
#0c4ac3 rgb(12,74,195)
```
#0d51d5
```
#0d51d5 rgb(13,81,213)
```
#0e58e8
```
#0e58e8 rgb(14,88,232)
```

Shade Color Variation

#1962f1
```
#1962f1 rgb(25,98,241)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#3d7cf3
```
#3d7cf3 rgb(61,124,243)
```
#5088f4
```
#5088f4 rgb(80,136,244)
```
#6295f5
```
#6295f5 rgb(98,149,245)
```
#75a1f7
```
#75a1f7 rgb(117,161,247)
```
#87aef8
```
#87aef8 rgb(135,174,248)
```
#9abaf9
```
#9abaf9 rgb(154,186,249)
```
#acc7fa
```
#acc7fa rgb(172,199,250)
```
#bfd3fb
```
#bfd3fb rgb(191,211,251)
```
#d1e0fc
```
#d1e0fc rgb(209,224,252)
```
#e4edfd
```
#e4edfd rgb(228,237,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8d93 is the less saturated color, while #226cfb is the most saturated one.

#8a8d93
```
#8a8d93 rgb(138,141,147)
```
#828a9b
```
#828a9b rgb(130,138,155)
```
#7988a4
```
#7988a4 rgb(121,136,164)
```
#7085ad
```
#7085ad rgb(112,133,173)
```
#6882b5
```
#6882b5 rgb(104,130,181)
```
#5f7fbe
```
#5f7fbe rgb(95,127,190)
```
#567dc7
```
#567dc7 rgb(86,125,199)
```
#4e7acf
```
#4e7acf rgb(78,122,207)
```
#4577d8
```
#4577d8 rgb(69,119,216)
```
#3c74e1
```
#3c74e1 rgb(60,116,225)
```
#3472e9
```
#3472e9 rgb(52,114,233)
```
#2b6ff2
```
#2b6ff2 rgb(43,111,242)
```
#226cfb
```
#226cfb rgb(34,108,251)
```

Tone Color Variation

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

Dichromacy

#0079ee Protanopia 1% of men
#0080d1 Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#0f75f0 Protanomaly 1% of men, 0.01% of women
#0f7add Deuteranomaly 6% of men, 0.4% of women
#0f80b4 Tritanomaly 0.01% of the population

#2b6ff2 hex color

#2b6ff2 Color Information

#2b6ff2 Color Conversion

Color Schemes with #2b6ff2

Alternatives to #2b6ff2

#2b6ff2 Preview

Shades and Tints of #2b6ff2

Tones of #2b6ff2

Color Blindness Simulator