#2d77ba hex color

In a RGB color space, hex #2d77ba is composed of 17.6% red, 46.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 36% magenta, 0% yellow and 27.1% black. It has a hue angle of 208.5 degrees, a saturation of 61% and a lightness of 45.3%. #2d77ba color hex could be obtained by blending #5aeeff with #000075. 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

● #2d77ba color description : Strong blue.

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

Hex triplet	2d77ba	`#2d77ba`
RGB Decimal	45, 119, 186	`rgb(45,119,186)`
RGB Percent	17.6, 46.7, 72.9	`rgb(17.6%,46.7%,72.9%)`
CMYK	76, 36, 0, 27
HSL	208.5°, 61, 45.3	`hsl(208.5,61%,45.3%)`
HSV (or HSB)	208.5°, 75.8, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.63, 0.57, -41.748
XYZ	16.54, 17.295, 48.918
xyY	0.2, 0.209, 17.295
CIE-LCH	48.63, 41.752, 270.782
CIE-LUV	48.63, -26.13, -63.289
Hunter-Lab	41.588, -1.787, -40.63
Binary	00101101, 01110111, 10111010

#2d77ba
```
#2d77ba rgb(45,119,186)
```
#ba702d
```
#ba702d rgb(186,112,45)
```

Complementary Color

#2dbab7
```
#2dbab7 rgb(45,186,183)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#2d31ba
```
#2d31ba rgb(45,49,186)
```

Analogous Color

#bab72d
```
#bab72d rgb(186,183,45)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#ba2d31
```
#ba2d31 rgb(186,45,49)
```

Split Complementary Color

#77ba2d
```
#77ba2d rgb(119,186,45)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#ba2d77
```
#ba2d77 rgb(186,45,119)
```

Triadic Color

#2dba70
```
#2dba70 rgb(45,186,112)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#ba2d77
```
#ba2d77 rgb(186,45,119)
```
#ba702d
```
#ba702d rgb(186,112,45)
```

Tetradic Color

#1e507c
```
#1e507c rgb(30,80,124)
```
#235d91
```
#235d91 rgb(35,93,145)
```
#286aa5
```
#286aa5 rgb(40,106,165)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#3384ce
```
#3384ce rgb(51,132,206)
```
#4790d3
```
#4790d3 rgb(71,144,211)
```
#5c9dd8
```
#5c9dd8 rgb(92,157,216)
```

Monochromatic Color

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

#2d9aba
```
#2d9aba rgb(45,154,186)
```
#2d8fba
```
#2d8fba rgb(45,143,186)
```
#2d83ba
```
#2d83ba rgb(45,131,186)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#2d6bba
```
#2d6bba rgb(45,107,186)
```
#2d60ba
```
#2d60ba rgb(45,96,186)
```
#2d54ba
```
#2d54ba rgb(45,84,186)
```

Similar Colors

Text with hexadecimal color #2d77ba

This text has a font color of #2d77ba.

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

#2d77ba background color

This paragraph has a background color of #2d77ba.

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

#2d77ba border color

This element has a border color of #2d77ba.

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

CSS codes

.text {color:#2d77ba;}

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

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

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

#03080c
```
#03080c rgb(3,8,12)
```
#07121c
```
#07121c rgb(7,18,28)
```
#0b1c2c
```
#0b1c2c rgb(11,28,44)
```
#0e263c
```
#0e263c rgb(14,38,60)
```
#12304b
```
#12304b rgb(18,48,75)
```
#163a5b
```
#163a5b rgb(22,58,91)
```
#1a446b
```
#1a446b rgb(26,68,107)
```
#1e4f7b
```
#1e4f7b rgb(30,79,123)
```
#22598b
```
#22598b rgb(34,89,139)
```
#25639a
```
#25639a rgb(37,99,154)
```
#296daa
```
#296daa rgb(41,109,170)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#3181ca
```
#3181ca rgb(49,129,202)
```

Shade Color Variation

#3e8bd0
```
#3e8bd0 rgb(62,139,208)
```
#4e94d4
```
#4e94d4 rgb(78,148,212)
```
#5e9ed8
```
#5e9ed8 rgb(94,158,216)
```
#6da7dc
```
#6da7dc rgb(109,167,220)
```
#7db1e0
```
#7db1e0 rgb(125,177,224)
```
#8dbae3
```
#8dbae3 rgb(141,186,227)
```
#9dc4e7
```
#9dc4e7 rgb(157,196,231)
```
#accdeb
```
#accdeb rgb(172,205,235)
```
#bcd7ef
```
#bcd7ef rgb(188,215,239)
```
#cce0f3
```
#cce0f3 rgb(204,224,243)
```
#dceaf7
```
#dceaf7 rgb(220,234,247)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6b747c
```
#6b747c rgb(107,116,124)
```
#627485
```
#627485 rgb(98,116,133)
```
#59758e
```
#59758e rgb(89,117,142)
```
#517596
```
#517596 rgb(81,117,150)
```
#48769f
```
#48769f rgb(72,118,159)
```
#3f76a8
```
#3f76a8 rgb(63,118,168)
```
#3677b1
```
#3677b1 rgb(54,119,177)
```
#2d77ba
```
#2d77ba rgb(45,119,186)
```
#2477c3
```
#2477c3 rgb(36,119,195)
```
#1b78cc
```
#1b78cc rgb(27,120,204)
```
#1278d5
```
#1278d5 rgb(18,120,213)
```
#0979de
```
#0979de rgb(9,121,222)
```
#0179e6
```
#0179e6 rgb(1,121,230)
```

Tone Color Variation

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

#6078b9 Protanopia 1% of men
#4c7bbe Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#4d78b9 Protanomaly 1% of men, 0.01% of women
#4179bd Deuteranomaly 6% of men, 0.4% of women
#10809f Tritanomaly 0.01% of the population

#2d77ba hex color

#2d77ba Color Information

#2d77ba Color Conversion

Color Schemes with #2d77ba

Alternatives to #2d77ba

#2d77ba Preview

Shades and Tints of #2d77ba

Tones of #2d77ba

Color Blindness Simulator