#2b77d4 hex color

In a RGB color space, hex #2b77d4 is composed of 16.9% red, 46.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 43.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 213 degrees, a saturation of 66.3% and a lightness of 50%. #2b77d4 color hex could be obtained by blending #56eeff with #0000a9. Closest websafe color is: #3366cc.

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

● #2b77d4 color description : Strong blue.

The hexadecimal color #2b77d4 has RGB values of R:43, G:119, B:212 and CMYK values of C:0.8, M:0.44, Y:0, K:0.17. Its decimal value is 2848724.

Hex triplet	2b77d4	`#2b77d4`
RGB Decimal	43, 119, 212	`rgb(43,119,212)`
RGB Percent	16.9, 46.7, 83.1	`rgb(16.9%,46.7%,83.1%)`
CMYK	80, 44, 0, 17
HSL	213°, 66.3, 50	`hsl(213,66.3%,50%)`
HSV (or HSB)	213°, 79.7, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.048, 10.074, -54.371
XYZ	19.474, 18.459, 64.82
xyY	0.19, 0.18, 18.459
CIE-LCH	50.048, 55.296, 280.497
CIE-LUV	50.048, -25.462, -84.49
Hunter-Lab	42.964, 5.72, -59.377
Binary	00101011, 01110111, 11010100

#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#d4882b
```
#d4882b rgb(212,136,43)
```

Complementary Color

#2bccd4
```
#2bccd4 rgb(43,204,212)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#342bd4
```
#342bd4 rgb(52,43,212)
```

Analogous Color

#ccd42b
```
#ccd42b rgb(204,212,43)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#d4342b
```
#d4342b rgb(212,52,43)
```

Split Complementary Color

#77d42b
```
#77d42b rgb(119,212,43)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#d42b77
```
#d42b77 rgb(212,43,119)
```

Triadic Color

#2bd488
```
#2bd488 rgb(43,212,136)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#d42b77
```
#d42b77 rgb(212,43,119)
```
#d4882b
```
#d4882b rgb(212,136,43)
```

Tetradic Color

#1e5394
```
#1e5394 rgb(30,83,148)
```
#225faa
```
#225faa rgb(34,95,170)
```
#276bbf
```
#276bbf rgb(39,107,191)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#4085d8
```
#4085d8 rgb(64,133,216)
```
#5592dd
```
#5592dd rgb(85,146,221)
```
#6ba0e1
```
#6ba0e1 rgb(107,160,225)
```

Monochromatic Color

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

#2ba1d4
```
#2ba1d4 rgb(43,161,212)
```
#2b93d4
```
#2b93d4 rgb(43,147,212)
```
#2b85d4
```
#2b85d4 rgb(43,133,212)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#2b69d4
```
#2b69d4 rgb(43,105,212)
```
#2b5bd4
```
#2b5bd4 rgb(43,91,212)
```
#2b4dd4
```
#2b4dd4 rgb(43,77,212)
```

Similar Colors

Text with hexadecimal color #2b77d4

This text has a font color of #2b77d4.

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

#2b77d4 background color

This paragraph has a background color of #2b77d4.

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

#2b77d4 border color

This element has a border color of #2b77d4.

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

CSS codes

.text {color:#2b77d4;}

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

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

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

#030910
```
#030910 rgb(3,9,16)
```
#071221
```
#071221 rgb(7,18,33)
```
#0a1b31
```
#0a1b31 rgb(10,27,49)
```
#0d2541
```
#0d2541 rgb(13,37,65)
```
#112e52
```
#112e52 rgb(17,46,82)
```
#143762
```
#143762 rgb(20,55,98)
```
#174072
```
#174072 rgb(23,64,114)
```
#1a4982
```
#1a4982 rgb(26,73,130)
```
#1e5293
```
#1e5293 rgb(30,82,147)
```
#215ca3
```
#215ca3 rgb(33,92,163)
```
#2465b3
```
#2465b3 rgb(36,101,179)
```
#286ec4
```
#286ec4 rgb(40,110,196)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```

Shade Color Variation

#3b81d7
```
#3b81d7 rgb(59,129,215)
```
#4c8cdb
```
#4c8cdb rgb(76,140,219)
```
#5c96de
```
#5c96de rgb(92,150,222)
```
#6ca1e1
```
#6ca1e1 rgb(108,161,225)
```
#7dabe5
```
#7dabe5 rgb(125,171,229)
```
#8db6e8
```
#8db6e8 rgb(141,182,232)
```
#9dc0eb
```
#9dc0eb rgb(157,192,235)
```
#adcbee
```
#adcbee rgb(173,203,238)
```
#bed5f2
```
#bed5f2 rgb(190,213,242)
```
#cee0f5
```
#cee0f5 rgb(206,224,245)
```
#deeaf8
```
#deeaf8 rgb(222,234,248)
```
#eff5fc
```
#eff5fc rgb(239,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797f86 is the less saturated color, while #0473fb is the most saturated one.

#797f86
```
#797f86 rgb(121,127,134)
```
#707e8f
```
#707e8f rgb(112,126,143)
```
#667d99
```
#667d99 rgb(102,125,153)
```
#5c7ca3
```
#5c7ca3 rgb(92,124,163)
```
#527bad
```
#527bad rgb(82,123,173)
```
#487ab7
```
#487ab7 rgb(72,122,183)
```
#3f79c0
```
#3f79c0 rgb(63,121,192)
```
#3578ca
```
#3578ca rgb(53,120,202)
```
#2b77d4
```
#2b77d4 rgb(43,119,212)
```
#2176de
```
#2176de rgb(33,118,222)
```
#1775e8
```
#1775e8 rgb(23,117,232)
```
#0e74f1
```
#0e74f1 rgb(14,116,241)
```
#0473fb
```
#0473fb rgb(4,115,251)
```

Tone Color Variation

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

Dichromacy

#507bd3 Protanopia 1% of men
#1480d5 Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#4279d3 Protanomaly 1% of men, 0.01% of women
#1c7cd4 Deuteranomaly 6% of men, 0.4% of women
#0f83aa Tritanomaly 0.01% of the population

#2b77d4 hex color

#2b77d4 Color Information

#2b77d4 Color Conversion

Color Schemes with #2b77d4

Alternatives to #2b77d4

#2b77d4 Preview

Shades and Tints of #2b77d4

Tones of #2b77d4

Color Blindness Simulator