#2d77bb hex color

In a RGB color space, hex #2d77bb is composed of 17.6% red, 46.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 36.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 208.7 degrees, a saturation of 61.2% and a lightness of 45.5%. #2d77bb color hex could be obtained by blending #5aeeff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 47
- B 73
RGB color chart
- C 76
- M 36
- Y 0
- K 27
CMYK color chart

● #2d77bb color description : Strong blue.

The hexadecimal color #2d77bb has RGB values of R:45, G:119, B:187 and CMYK values of C:0.76, M:0.36, Y:0, K:0.27. Its decimal value is 2979771.

Hex triplet	2d77bb	`#2d77bb`
RGB Decimal	45, 119, 187	`rgb(45,119,187)`
RGB Percent	17.6, 46.7, 73.3	`rgb(17.6%,46.7%,73.3%)`
CMYK	76, 36, 0, 27
HSL	208.7°, 61.2, 45.5	`hsl(208.7,61.2%,45.5%)`
HSV (or HSB)	208.7°, 75.9, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.683, 0.94, -42.241
XYZ	16.647, 17.338, 49.48
xyY	0.199, 0.208, 17.338
CIE-LCH	48.683, 42.251, 271.275
CIE-LUV	48.683, -26.09, -64.12
Hunter-Lab	41.639, -1.507, -41.308
Binary	00101101, 01110111, 10111011

#2d77bb
```
#2d77bb rgb(45,119,187)
```
#bb712d
```
#bb712d rgb(187,113,45)
```

Complementary Color

#2dbbb8
```
#2dbbb8 rgb(45,187,184)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#2d30bb
```
#2d30bb rgb(45,48,187)
```

Analogous Color

#bbb82d
```
#bbb82d rgb(187,184,45)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#bb2d30
```
#bb2d30 rgb(187,45,48)
```

Split Complementary Color

#77bb2d
```
#77bb2d rgb(119,187,45)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#bb2d77
```
#bb2d77 rgb(187,45,119)
```

Triadic Color

#2dbb71
```
#2dbb71 rgb(45,187,113)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#bb2d77
```
#bb2d77 rgb(187,45,119)
```
#bb712d
```
#bb712d rgb(187,113,45)
```

Tetradic Color

#1e507d
```
#1e507d rgb(30,80,125)
```
#235d92
```
#235d92 rgb(35,93,146)
```
#286aa6
```
#286aa6 rgb(40,106,166)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#3384ce
```
#3384ce rgb(51,132,206)
```
#4890d3
```
#4890d3 rgb(72,144,211)
```
#5d9dd8
```
#5d9dd8 rgb(93,157,216)
```

Monochromatic Color

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

#2d9bbb
```
#2d9bbb rgb(45,155,187)
```
#2d8fbb
```
#2d8fbb rgb(45,143,187)
```
#2d83bb
```
#2d83bb rgb(45,131,187)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#2d6bbb
```
#2d6bbb rgb(45,107,187)
```
#2d5fbb
```
#2d5fbb rgb(45,95,187)
```
#2d54bb
```
#2d54bb rgb(45,84,187)
```

Similar Colors

Text with hexadecimal color #2d77bb

This text has a font color of #2d77bb.

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

#2d77bb background color

This paragraph has a background color of #2d77bb.

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

#2d77bb border color

This element has a border color of #2d77bb.

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

CSS codes

.text {color:#2d77bb;}

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

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

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, #03080d is the darkest color, while #fcfdfe is the lightest one.

#03080d
```
#03080d rgb(3,8,13)
```
#07121d
```
#07121d rgb(7,18,29)
```
#0b1c2d
```
#0b1c2d rgb(11,28,45)
```
#0f273d
```
#0f273d rgb(15,39,61)
```
#12314c
```
#12314c rgb(18,49,76)
```
#163b5c
```
#163b5c rgb(22,59,92)
```
#1a456c
```
#1a456c rgb(26,69,108)
```
#1e4f7c
```
#1e4f7c rgb(30,79,124)
```
#22598c
```
#22598c rgb(34,89,140)
```
#25639b
```
#25639b rgb(37,99,155)
```
#296dab
```
#296dab rgb(41,109,171)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#3181cb
```
#3181cb rgb(49,129,203)
```

Shade Color Variation

#3f8bd1
```
#3f8bd1 rgb(63,139,209)
```
#4e94d4
```
#4e94d4 rgb(78,148,212)
```
#5e9ed8
```
#5e9ed8 rgb(94,158,216)
```
#6ea7dc
```
#6ea7dc rgb(110,167,220)
```
#7eb1e0
```
#7eb1e0 rgb(126,177,224)
```
#8ebae4
```
#8ebae4 rgb(142,186,228)
```
#9dc4e8
```
#9dc4e8 rgb(157,196,232)
```
#adceeb
```
#adceeb rgb(173,206,235)
```
#bdd7ef
```
#bdd7ef rgb(189,215,239)
```
#cde1f3
```
#cde1f3 rgb(205,225,243)
```
#ddeaf7
```
#ddeaf7 rgb(221,234,247)
```
#ecf4fb
```
#ecf4fb rgb(236,244,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b747d is the less saturated color, while #0079e8 is the most saturated one.

#6b747d
```
#6b747d rgb(107,116,125)
```
#637585
```
#637585 rgb(99,117,133)
```
#5a758e
```
#5a758e rgb(90,117,142)
```
#517597
```
#517597 rgb(81,117,151)
```
#4876a0
```
#4876a0 rgb(72,118,160)
```
#3f76a9
```
#3f76a9 rgb(63,118,169)
```
#3677b2
```
#3677b2 rgb(54,119,178)
```
#2d77bb
```
#2d77bb rgb(45,119,187)
```
#2477c4
```
#2477c4 rgb(36,119,196)
```
#1b78cd
```
#1b78cd rgb(27,120,205)
```
#1278d6
```
#1278d6 rgb(18,120,214)
```
#0979df
```
#0979df rgb(9,121,223)
```
#0079e8
```
#0079e8 rgb(0,121,232)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5d6c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6078ba Protanopia 1% of men
#4b7bbf Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#4d78ba Protanomaly 1% of men, 0.01% of women
#4079bd Deuteranomaly 6% of men, 0.4% of women
#10819f Tritanomaly 0.01% of the population

#2d77bb hex color

#2d77bb Color Information

#2d77bb Color Conversion

Color Schemes with #2d77bb

Alternatives to #2d77bb

#2d77bb Preview

Shades and Tints of #2d77bb

Tones of #2d77bb

Color Blindness Simulator