#2b6fff hex color

In a RGB color space, hex #2b6fff is composed of 16.9% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 220.8 degrees, a saturation of 100% and a lightness of 58.4%. #2b6fff color hex could be obtained by blending #56deff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 44
- B 100
RGB color chart
- C 83
- M 56
- Y 0
- K 0
CMYK color chart

● #2b6fff color description : Vivid blue.

The hexadecimal color #2b6fff has RGB values of R:43, G:111, B:255 and CMYK values of C:0.83, M:0.56, Y:0, K:0. Its decimal value is 2846719.

Hex triplet	2b6fff	`#2b6fff`
RGB Decimal	43, 111, 255	`rgb(43,111,255)`
RGB Percent	16.9, 43.5, 100	`rgb(16.9%,43.5%,100%)`
CMYK	83, 56, 0, 0
HSL	220.8°, 100, 58.4	`hsl(220.8,100%,58.4%)`
HSV (or HSB)	220.8°, 83.1, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.805, 31.237, -77.253
XYZ	24.727, 19.1, 96.986
xyY	0.176, 0.136, 19.1
CIE-LCH	50.805, 83.329, 292.016
CIE-LUV	50.805, -22.188, -120.779
Hunter-Lab	43.704, 24.509, -100.98
Binary	00101011, 01101111, 11111111

#2b6fff
```
#2b6fff rgb(43,111,255)
```
#ffbb2b
```
#ffbb2b rgb(255,187,43)
```

Complementary Color

#2bd9ff
```
#2bd9ff rgb(43,217,255)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#512bff
```
#512bff rgb(81,43,255)
```

Analogous Color

#d9ff2b
```
#d9ff2b rgb(217,255,43)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#ff512b
```
#ff512b rgb(255,81,43)
```

Split Complementary Color

#6fff2b
```
#6fff2b rgb(111,255,43)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#ff2b6f
```
#ff2b6f rgb(255,43,111)
```

Triadic Color

#2bffbb
```
#2bffbb rgb(43,255,187)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#ff2b6f
```
#ff2b6f rgb(255,43,111)
```
#ffbb2b
```
#ffbb2b rgb(255,187,43)
```

Tetradic Color

#0047de
```
#0047de rgb(0,71,222)
```
#004ff7
```
#004ff7 rgb(0,79,247)
```
#125eff
```
#125eff rgb(18,94,255)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#4580ff
```
#4580ff rgb(69,128,255)
```
#5e92ff
```
#5e92ff rgb(94,146,255)
```
#78a3ff
```
#78a3ff rgb(120,163,255)
```

Monochromatic Color

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

#2ba4ff
```
#2ba4ff rgb(43,164,255)
```
#2b92ff
```
#2b92ff rgb(43,146,255)
```
#2b81ff
```
#2b81ff rgb(43,129,255)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#2b5dff
```
#2b5dff rgb(43,93,255)
```
#2b4cff
```
#2b4cff rgb(43,76,255)
```
#2b3aff
```
#2b3aff rgb(43,58,255)
```

Similar Colors

Text with hexadecimal color #2b6fff

This text has a font color of #2b6fff.

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

#2b6fff background color

This paragraph has a background color of #2b6fff.

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

#2b6fff border color

This element has a border color of #2b6fff.

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

CSS codes

.text {color:#2b6fff;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000817
```
#000817 rgb(0,8,23)
```
#000e2b
```
#000e2b rgb(0,14,43)
```
#00143f
```
#00143f rgb(0,20,63)
```
#001a52
```
#001a52 rgb(0,26,82)
```
#002166
```
#002166 rgb(0,33,102)
```
#002779
```
#002779 rgb(0,39,121)
```
#002d8d
```
#002d8d rgb(0,45,141)
```
#0034a1
```
#0034a1 rgb(0,52,161)
```
#003ab4
```
#003ab4 rgb(0,58,180)
```
#0040c8
```
#0040c8 rgb(0,64,200)
```
#0046dc
```
#0046dc rgb(0,70,220)
```
#004def
```
#004def rgb(0,77,239)
```

Shade Color Variation

#0454ff
```
#0454ff rgb(4,84,255)
```
#1762ff
```
#1762ff rgb(23,98,255)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```
#3f7cff
```
#3f7cff rgb(63,124,255)
```
#528aff
```
#528aff rgb(82,138,255)
```
#6697ff
```
#6697ff rgb(102,151,255)
```
#79a4ff
```
#79a4ff rgb(121,164,255)
```
#8db2ff
```
#8db2ff rgb(141,178,255)
```
#a1bfff
```
#a1bfff rgb(161,191,255)
```
#b4ccff
```
#b4ccff rgb(180,204,255)
```
#c8daff
```
#c8daff rgb(200,218,255)
```
#dce7ff
```
#dce7ff rgb(220,231,255)
```
#eff4ff
```
#eff4ff rgb(239,244,255)
```

Tint Color Variation

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

#8d929d
```
#8d929d rgb(141,146,157)
```
#858fa5
```
#858fa5 rgb(133,143,165)
```
#7d8cad
```
#7d8cad rgb(125,140,173)
```
#7489b6
```
#7489b6 rgb(116,137,182)
```
#6c86be
```
#6c86be rgb(108,134,190)
```
#6483c6
```
#6483c6 rgb(100,131,198)
```
#5c81ce
```
#5c81ce rgb(92,129,206)
```
#547ed6
```
#547ed6 rgb(84,126,214)
```
#4c7bde
```
#4c7bde rgb(76,123,222)
```
#4378e7
```
#4378e7 rgb(67,120,231)
```
#3b75ef
```
#3b75ef rgb(59,117,239)
```
#3372f7
```
#3372f7 rgb(51,114,247)
```
#2b6fff
```
#2b6fff rgb(43,111,255)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5e6c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#0f77f7 Protanomaly 1% of men, 0.01% of women
#0f7be3 Deuteranomaly 6% of men, 0.4% of women
#0f81bb Tritanomaly 0.01% of the population

#2b6fff hex color

#2b6fff Color Information

#2b6fff Color Conversion

Color Schemes with #2b6fff

Alternatives to #2b6fff

#2b6fff Preview

Shades and Tints of #2b6fff

Tones of #2b6fff

Color Blindness Simulator