#2b77fe hex color

In a RGB color space, hex #2b77fe is composed of 16.9% red, 46.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 53.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 218.4 degrees, a saturation of 99.1% and a lightness of 58.2%. #2b77fe color hex could be obtained by blending #56eeff with #0000fd. Closest websafe color is: #3366ff.

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

● #2b77fe color description : Bright blue.

The hexadecimal color #2b77fe has RGB values of R:43, G:119, B:254 and CMYK values of C:0.83, M:0.53, Y:0, K:0. Its decimal value is 2848766.

Hex triplet	2b77fe	`#2b77fe`
RGB Decimal	43, 119, 254	`rgb(43,119,254)`
RGB Percent	16.9, 46.7, 99.6	`rgb(16.9%,46.7%,99.6%)`
CMYK	83, 53, 0, 0
HSL	218.4°, 99.1, 58.2	`hsl(218.4,99.1%,58.2%)`
HSV (or HSB)	218.4°, 83.1, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.797, 25.852, -73.459
XYZ	25.479, 20.861, 96.444
xyY	0.178, 0.146, 20.861
CIE-LCH	52.797, 77.875, 289.388
CIE-LUV	52.797, -24.355, -116.162
Hunter-Lab	45.674, 19.645, -93.224
Binary	00101011, 01110111, 11111110

#2b77fe
```
#2b77fe rgb(43,119,254)
```
#feb22b
```
#feb22b rgb(254,178,43)
```

Complementary Color

#2be1fe
```
#2be1fe rgb(43,225,254)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#492bfe
```
#492bfe rgb(73,43,254)
```

Analogous Color

#e1fe2b
```
#e1fe2b rgb(225,254,43)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#fe492b
```
#fe492b rgb(254,73,43)
```

Split Complementary Color

#77fe2b
```
#77fe2b rgb(119,254,43)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#fe2b77
```
#fe2b77 rgb(254,43,119)
```

Triadic Color

#2bfeb2
```
#2bfeb2 rgb(43,254,178)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#fe2b77
```
#fe2b77 rgb(254,43,119)
```
#feb22b
```
#feb22b rgb(254,178,43)
```

Tetradic Color

#0150db
```
#0150db rgb(1,80,219)
```
#0159f5
```
#0159f5 rgb(1,89,245)
```
#1267fe
```
#1267fe rgb(18,103,254)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#4487fe
```
#4487fe rgb(68,135,254)
```
#5e98fe
```
#5e98fe rgb(94,152,254)
```
#77a8fe
```
#77a8fe rgb(119,168,254)
```

Monochromatic Color

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

#2bacfe
```
#2bacfe rgb(43,172,254)
```
#2b9afe
```
#2b9afe rgb(43,154,254)
```
#2b89fe
```
#2b89fe rgb(43,137,254)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#2b65fe
```
#2b65fe rgb(43,101,254)
```
#2b54fe
```
#2b54fe rgb(43,84,254)
```
#2b42fe
```
#2b42fe rgb(43,66,254)
```

Similar Colors

Text with hexadecimal color #2b77fe

This text has a font color of #2b77fe.

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

#2b77fe background color

This paragraph has a background color of #2b77fe.

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

#2b77fe border color

This element has a border color of #2b77fe.

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

CSS codes

.text {color:#2b77fe;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000816
```
#000816 rgb(0,8,22)
```
#000f2a
```
#000f2a rgb(0,15,42)
```
#00163d
```
#00163d rgb(0,22,61)
```
#001d51
```
#001d51 rgb(0,29,81)
```
#002464
```
#002464 rgb(0,36,100)
```
#012c78
```
#012c78 rgb(1,44,120)
```
#01338b
```
#01338b rgb(1,51,139)
```
#013a9f
```
#013a9f rgb(1,58,159)
```
#0141b2
```
#0141b2 rgb(1,65,178)
```
#0148c6
```
#0148c6 rgb(1,72,198)
```
#014fda
```
#014fda rgb(1,79,218)
```
#0156ed
```
#0156ed rgb(1,86,237)
```

Shade Color Variation

#045efe
```
#045efe rgb(4,94,254)
```
#176afe
```
#176afe rgb(23,106,254)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```
#3f84fe
```
#3f84fe rgb(63,132,254)
```
#5290fe
```
#5290fe rgb(82,144,254)
```
#669dfe
```
#669dfe rgb(102,157,254)
```
#79a9fe
```
#79a9fe rgb(121,169,254)
```
#8db6fe
```
#8db6fe rgb(141,182,254)
```
#a0c2ff
```
#a0c2ff rgb(160,194,255)
```
#b4cfff
```
#b4cfff rgb(180,207,255)
```
#c7dbff
```
#c7dbff rgb(199,219,255)
```
#dbe8ff
```
#dbe8ff rgb(219,232,255)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

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

#8d929c
```
#8d929c rgb(141,146,156)
```
#8590a4
```
#8590a4 rgb(133,144,164)
```
#7d8eac
```
#7d8eac rgb(125,142,172)
```
#758cb4
```
#758cb4 rgb(117,140,180)
```
#6d89bc
```
#6d89bc rgb(109,137,188)
```
#6487c5
```
#6487c5 rgb(100,135,197)
```
#5c85cd
```
#5c85cd rgb(92,133,205)
```
#5482d5
```
#5482d5 rgb(84,130,213)
```
#4c80dd
```
#4c80dd rgb(76,128,221)
```
#447ee5
```
#447ee5 rgb(68,126,229)
```
#3b7cee
```
#3b7cee rgb(59,124,238)
```
#3379f6
```
#3379f6 rgb(51,121,246)
```
#2b77fe
```
#2b77fe rgb(43,119,254)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#62718c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#0f7dfc Protanomaly 1% of men, 0.01% of women
#0f81e9 Deuteranomaly 6% of men, 0.4% of women
#0f88be Tritanomaly 0.01% of the population

#2b77fe hex color

#2b77fe Color Information

#2b77fe Color Conversion

Color Schemes with #2b77fe

Alternatives to #2b77fe

#2b77fe Preview

Shades and Tints of #2b77fe

Tones of #2b77fe

Color Blindness Simulator