#2b7bff hex color

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

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

● #2b7bff color description : Vivid blue.

The hexadecimal color #2b7bff has RGB values of R:43, G:123, B:255 and CMYK values of C:0.83, M:0.52, Y:0, K:0. Its decimal value is 2849791.

Hex triplet	2b7bff	`#2b7bff`
RGB Decimal	43, 123, 255	`rgb(43,123,255)`
RGB Percent	16.9, 48.2, 100	`rgb(16.9%,48.2%,100%)`
CMYK	83, 52, 0, 0
HSL	217.4°, 100, 58.4	`hsl(217.4,100%,58.4%)`
HSV (or HSB)	217.4°, 83.1, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.918, 23.725, -72.193
XYZ	26.125, 21.897, 97.452
xyY	0.18, 0.151, 21.897
CIE-LCH	53.918, 75.991, 288.192
CIE-LUV	53.918, -25.45, -114.749
Hunter-Lab	46.795, 17.765, -90.718
Binary	00101011, 01111011, 11111111

#2b7bff
```
#2b7bff rgb(43,123,255)
```
#ffaf2b
```
#ffaf2b rgb(255,175,43)
```

Complementary Color

#2be5ff
```
#2be5ff rgb(43,229,255)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#452bff
```
#452bff rgb(69,43,255)
```

Analogous Color

#e5ff2b
```
#e5ff2b rgb(229,255,43)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#ff452b
```
#ff452b rgb(255,69,43)
```

Split Complementary Color

#7bff2b
```
#7bff2b rgb(123,255,43)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#ff2b7b
```
#ff2b7b rgb(255,43,123)
```

Triadic Color

#2bffaf
```
#2bffaf rgb(43,255,175)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#ff2b7b
```
#ff2b7b rgb(255,43,123)
```
#ffaf2b
```
#ffaf2b rgb(255,175,43)
```

Tetradic Color

#0054de
```
#0054de rgb(0,84,222)
```
#005df7
```
#005df7 rgb(0,93,247)
```
#126bff
```
#126bff rgb(18,107,255)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#458bff
```
#458bff rgb(69,139,255)
```
#5e9bff
```
#5e9bff rgb(94,155,255)
```
#78abff
```
#78abff rgb(120,171,255)
```

Monochromatic Color

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

#2bb0ff
```
#2bb0ff rgb(43,176,255)
```
#2b9eff
```
#2b9eff rgb(43,158,255)
```
#2b8dff
```
#2b8dff rgb(43,141,255)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#2b69ff
```
#2b69ff rgb(43,105,255)
```
#2b58ff
```
#2b58ff rgb(43,88,255)
```
#2b46ff
```
#2b46ff rgb(43,70,255)
```

Similar Colors

Text with hexadecimal color #2b7bff

This text has a font color of #2b7bff.

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

#2b7bff background color

This paragraph has a background color of #2b7bff.

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

#2b7bff border color

This element has a border color of #2b7bff.

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

CSS codes

.text {color:#2b7bff;}

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

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

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 #eff5ff is the lightest one.

#000104
```
#000104 rgb(0,1,4)
```
#000917
```
#000917 rgb(0,9,23)
```
#00102b
```
#00102b rgb(0,16,43)
```
#00183f
```
#00183f rgb(0,24,63)
```
#001f52
```
#001f52 rgb(0,31,82)
```
#002666
```
#002666 rgb(0,38,102)
```
#002e79
```
#002e79 rgb(0,46,121)
```
#00358d
```
#00358d rgb(0,53,141)
```
#003da1
```
#003da1 rgb(0,61,161)
```
#0044b4
```
#0044b4 rgb(0,68,180)
```
#004bc8
```
#004bc8 rgb(0,75,200)
```
#0053dc
```
#0053dc rgb(0,83,220)
```
#005aef
```
#005aef rgb(0,90,239)
```

Shade Color Variation

#0463ff
```
#0463ff rgb(4,99,255)
```
#176fff
```
#176fff rgb(23,111,255)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```
#3f87ff
```
#3f87ff rgb(63,135,255)
```
#5293ff
```
#5293ff rgb(82,147,255)
```
#66a0ff
```
#66a0ff rgb(102,160,255)
```
#79acff
```
#79acff rgb(121,172,255)
```
#8db8ff
```
#8db8ff rgb(141,184,255)
```
#a1c4ff
```
#a1c4ff rgb(161,196,255)
```
#b4d0ff
```
#b4d0ff rgb(180,208,255)
```
#c8ddff
```
#c8ddff rgb(200,221,255)
```
#dce9ff
```
#dce9ff rgb(220,233,255)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#8d939d
```
#8d939d rgb(141,147,157)
```
#8591a5
```
#8591a5 rgb(133,145,165)
```
#7d8fad
```
#7d8fad rgb(125,143,173)
```
#748db6
```
#748db6 rgb(116,141,182)
```
#6c8bbe
```
#6c8bbe rgb(108,139,190)
```
#6489c6
```
#6489c6 rgb(100,137,198)
```
#5c87ce
```
#5c87ce rgb(92,135,206)
```
#5485d6
```
#5485d6 rgb(84,133,214)
```
#4c83de
```
#4c83de rgb(76,131,222)
```
#4381e7
```
#4381e7 rgb(67,129,231)
```
#3b7fef
```
#3b7fef rgb(59,127,239)
```
#337df7
```
#337df7 rgb(51,125,247)
```
#2b7bff
```
#2b7bff rgb(43,123,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#64748e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2083ff Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#2480ff Protanomaly 1% of men, 0.01% of women
#0f84ec Deuteranomaly 6% of men, 0.4% of women
#0f8bc0 Tritanomaly 0.01% of the population

#2b7bff hex color

#2b7bff Color Information

#2b7bff Color Conversion

Color Schemes with #2b7bff

Alternatives to #2b7bff

#2b7bff Preview

Shades and Tints of #2b7bff

Tones of #2b7bff

Color Blindness Simulator