#2b7bfd hex color

In a RGB color space, hex #2b7bfd is composed of 16.9% red, 48.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 51.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.1 degrees, a saturation of 98.1% and a lightness of 58%. #2b7bfd color hex could be obtained by blending #56f6ff with #0000fb. Closest websafe color is: #3366ff.

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

● #2b7bfd color description : Bright blue.

The hexadecimal color #2b7bfd has RGB values of R:43, G:123, B:253 and CMYK values of C:0.83, M:0.51, Y:0, K:0.01. Its decimal value is 2849789.

Hex triplet	2b7bfd	`#2b7bfd`
RGB Decimal	43, 123, 253	`rgb(43,123,253)`
RGB Percent	16.9, 48.2, 99.2	`rgb(16.9%,48.2%,99.2%)`
CMYK	83, 51, 0, 1
HSL	217.1°, 98.1, 58	`hsl(217.1,98.1%,58%)`
HSV (or HSB)	217.1°, 83, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.781, 22.98, -71.309
XYZ	25.805, 21.769, 95.765
xyY	0.18, 0.152, 21.769
CIE-LCH	53.781, 74.921, 287.862
CIE-LUV	53.781, -25.497, -113.287
Hunter-Lab	46.658, 17.073, -89.033
Binary	00101011, 01111011, 11111101

#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#fdad2b
```
#fdad2b rgb(253,173,43)
```

Complementary Color

#2be4fd
```
#2be4fd rgb(43,228,253)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#442bfd
```
#442bfd rgb(68,43,253)
```

Analogous Color

#e4fd2b
```
#e4fd2b rgb(228,253,43)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#fd442b
```
#fd442b rgb(253,68,43)
```

Split Complementary Color

#7bfd2b
```
#7bfd2b rgb(123,253,43)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#fd2b7b
```
#fd2b7b rgb(253,43,123)
```

Triadic Color

#2bfdad
```
#2bfdad rgb(43,253,173)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#fd2b7b
```
#fd2b7b rgb(253,43,123)
```
#fdad2b
```
#fdad2b rgb(253,173,43)
```

Tetradic Color

#0254d9
```
#0254d9 rgb(2,84,217)
```
#025ef3
```
#025ef3 rgb(2,94,243)
```
#126bfd
```
#126bfd rgb(18,107,253)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#448bfd
```
#448bfd rgb(68,139,253)
```
#5e9afd
```
#5e9afd rgb(94,154,253)
```
#77aafe
```
#77aafe rgb(119,170,254)
```

Monochromatic Color

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

#2bb0fd
```
#2bb0fd rgb(43,176,253)
```
#2b9efd
```
#2b9efd rgb(43,158,253)
```
#2b8dfd
```
#2b8dfd rgb(43,141,253)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#2b6afd
```
#2b6afd rgb(43,106,253)
```
#2b58fd
```
#2b58fd rgb(43,88,253)
```
#2b46fd
```
#2b46fd rgb(43,70,253)
```

Similar Colors

Text with hexadecimal color #2b7bfd

This text has a font color of #2b7bfd.

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

#2b7bfd background color

This paragraph has a background color of #2b7bfd.

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

#2b7bfd border color

This element has a border color of #2b7bfd.

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

CSS codes

.text {color:#2b7bfd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000815
```
#000815 rgb(0,8,21)
```
#001029
```
#001029 rgb(0,16,41)
```
#01173c
```
#01173c rgb(1,23,60)
```
#011f4f
```
#011f4f rgb(1,31,79)
```
#012663
```
#012663 rgb(1,38,99)
```
#012e76
```
#012e76 rgb(1,46,118)
```
#01358a
```
#01358a rgb(1,53,138)
```
#013d9d
```
#013d9d rgb(1,61,157)
```
#0244b1
```
#0244b1 rgb(2,68,177)
```
#024cc4
```
#024cc4 rgb(2,76,196)
```
#0253d8
```
#0253d8 rgb(2,83,216)
```
#025beb
```
#025beb rgb(2,91,235)
```

Shade Color Variation

#0463fd
```
#0463fd rgb(4,99,253)
```
#186ffd
```
#186ffd rgb(24,111,253)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```
#3e87fd
```
#3e87fd rgb(62,135,253)
```
#5293fd
```
#5293fd rgb(82,147,253)
```
#659ffe
```
#659ffe rgb(101,159,254)
```
#79abfe
```
#79abfe rgb(121,171,254)
```
#8cb7fe
```
#8cb7fe rgb(140,183,254)
```
#a0c4fe
```
#a0c4fe rgb(160,196,254)
```
#b3d0fe
```
#b3d0fe rgb(179,208,254)
```
#c6dcfe
```
#c6dcfe rgb(198,220,254)
```
#dae8ff
```
#dae8ff rgb(218,232,255)
```
#edf4ff
```
#edf4ff rgb(237,244,255)
```

Tint Color Variation

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

#8e939a
```
#8e939a rgb(142,147,154)
```
#8691a2
```
#8691a2 rgb(134,145,162)
```
#7d8fab
```
#7d8fab rgb(125,143,171)
```
#758db3
```
#758db3 rgb(117,141,179)
```
#6d8bbb
```
#6d8bbb rgb(109,139,187)
```
#6589c3
```
#6589c3 rgb(101,137,195)
```
#5c87cc
```
#5c87cc rgb(92,135,204)
```
#5485d4
```
#5485d4 rgb(84,133,212)
```
#4c83dc
```
#4c83dc rgb(76,131,220)
```
#4481e4
```
#4481e4 rgb(68,129,228)
```
#3b7fed
```
#3b7fed rgb(59,127,237)
```
#337df5
```
#337df5 rgb(51,125,245)
```
#2b7bfd
```
#2b7bfd rgb(43,123,253)
```

Tone Color Variation

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

#2182fe Protanopia 1% of men
#008ae1 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#2580fd Protanomaly 1% of men, 0.01% of women
#0f84eb Deuteranomaly 6% of men, 0.4% of women
#0f8bbf Tritanomaly 0.01% of the population

#2b7bfd hex color

#2b7bfd Color Information

#2b7bfd Color Conversion

Color Schemes with #2b7bfd

Alternatives to #2b7bfd

#2b7bfd Preview

Shades and Tints of #2b7bfd

Tones of #2b7bfd

Color Blindness Simulator