#2d77be hex color

In a RGB color space, hex #2d77be is composed of 17.6% red, 46.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 37.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 209.4 degrees, a saturation of 61.7% and a lightness of 46.1%. #2d77be color hex could be obtained by blending #5aeeff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 47
- B 75
RGB color chart
- C 76
- M 37
- Y 0
- K 25
CMYK color chart

● #2d77be color description : Strong blue.

The hexadecimal color #2d77be has RGB values of R:45, G:119, B:190 and CMYK values of C:0.76, M:0.37, Y:0, K:0.25. Its decimal value is 2979774.

Hex triplet	2d77be	`#2d77be`
RGB Decimal	45, 119, 190	`rgb(45,119,190)`
RGB Percent	17.6, 46.7, 74.5	`rgb(17.6%,46.7%,74.5%)`
CMYK	76, 37, 0, 25
HSL	209.4°, 61.7, 46.1	`hsl(209.4,61.7%,46.1%)`
HSV (or HSB)	209.4°, 76.3, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.844, 2.052, -43.714
XYZ	16.971, 17.468, 51.19
xyY	0.198, 0.204, 17.468
CIE-LCH	48.844, 43.762, 272.688
CIE-LUV	48.844, -25.972, -66.604
Hunter-Lab	41.795, -0.659, -43.362
Binary	00101101, 01110111, 10111110

#2d77be
```
#2d77be rgb(45,119,190)
```
#be742d
```
#be742d rgb(190,116,45)
```

Complementary Color

#2dbebd
```
#2dbebd rgb(45,190,189)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#2d2fbe
```
#2d2fbe rgb(45,47,190)
```

Analogous Color

#bebd2d
```
#bebd2d rgb(190,189,45)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#be2d2f
```
#be2d2f rgb(190,45,47)
```

Split Complementary Color

#77be2d
```
#77be2d rgb(119,190,45)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#be2d77
```
#be2d77 rgb(190,45,119)
```

Triadic Color

#2dbe74
```
#2dbe74 rgb(45,190,116)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#be2d77
```
#be2d77 rgb(190,45,119)
```
#be742d
```
#be742d rgb(190,116,45)
```

Tetradic Color

#1e5080
```
#1e5080 rgb(30,80,128)
```
#235d95
```
#235d95 rgb(35,93,149)
```
#286aa9
```
#286aa9 rgb(40,106,169)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#3584cf
```
#3584cf rgb(53,132,207)
```
#4a90d4
```
#4a90d4 rgb(74,144,212)
```
#5f9dd9
```
#5f9dd9 rgb(95,157,217)
```

Monochromatic Color

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

#2d9bbe
```
#2d9bbe rgb(45,155,190)
```
#2d8fbe
```
#2d8fbe rgb(45,143,190)
```
#2d83be
```
#2d83be rgb(45,131,190)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#2d6bbe
```
#2d6bbe rgb(45,107,190)
```
#2d5fbe
```
#2d5fbe rgb(45,95,190)
```
#2d53be
```
#2d53be rgb(45,83,190)
```

Similar Colors

Text with hexadecimal color #2d77be

This text has a font color of #2d77be.

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

#2d77be background color

This paragraph has a background color of #2d77be.

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

#2d77be border color

This element has a border color of #2d77be.

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

CSS codes

.text {color:#2d77be;}

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

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

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

#040a10
```
#040a10 rgb(4,10,16)
```
#07141f
```
#07141f rgb(7,20,31)
```
#0b1e2f
```
#0b1e2f rgb(11,30,47)
```
#0f283f
```
#0f283f rgb(15,40,63)
```
#13314f
```
#13314f rgb(19,49,79)
```
#163b5f
```
#163b5f rgb(22,59,95)
```
#1a456f
```
#1a456f rgb(26,69,111)
```
#1e4f7f
```
#1e4f7f rgb(30,79,127)
```
#22598e
```
#22598e rgb(34,89,142)
```
#25639e
```
#25639e rgb(37,99,158)
```
#296dae
```
#296dae rgb(41,109,174)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#3181ce
```
#3181ce rgb(49,129,206)
```

Shade Color Variation

#408bd2
```
#408bd2 rgb(64,139,210)
```
#5094d6
```
#5094d6 rgb(80,148,214)
```
#609ed9
```
#609ed9 rgb(96,158,217)
```
#70a8dd
```
#70a8dd rgb(112,168,221)
```
#80b1e1
```
#80b1e1 rgb(128,177,225)
```
#90bbe5
```
#90bbe5 rgb(144,187,229)
```
#a0c5e8
```
#a0c5e8 rgb(160,197,232)
```
#afceec
```
#afceec rgb(175,206,236)
```
#bfd8f0
```
#bfd8f0 rgb(191,216,240)
```
#cfe2f4
```
#cfe2f4 rgb(207,226,244)
```
#dfebf7
```
#dfebf7 rgb(223,235,247)
```
#eff5fb
```
#eff5fb rgb(239,245,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757676 is the less saturated color, while #0978e2 is the most saturated one.

#757676
```
#757676 rgb(117,118,118)
```
#6c767f
```
#6c767f rgb(108,118,127)
```
#637688
```
#637688 rgb(99,118,136)
```
#5a7691
```
#5a7691 rgb(90,118,145)
```
#51769a
```
#51769a rgb(81,118,154)
```
#4876a3
```
#4876a3 rgb(72,118,163)
```
#3f77ac
```
#3f77ac rgb(63,119,172)
```
#3677b5
```
#3677b5 rgb(54,119,181)
```
#2d77be
```
#2d77be rgb(45,119,190)
```
#2477c7
```
#2477c7 rgb(36,119,199)
```
#1b77d0
```
#1b77d0 rgb(27,119,208)
```
#1278d9
```
#1278d9 rgb(18,120,217)
```
#0978e2
```
#0978e2 rgb(9,120,226)
```

Tone Color Variation

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

Dichromacy

#5e79bd Protanopia 1% of men
#487cc2 Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#4c78bd Protanomaly 1% of men, 0.01% of women
#3e7ac0 Deuteranomaly 6% of men, 0.4% of women
#1081a1 Tritanomaly 0.01% of the population

#2d77be hex color

#2d77be Color Information

#2d77be Color Conversion

Color Schemes with #2d77be

Alternatives to #2d77be

#2d77be Preview

Shades and Tints of #2d77be

Tones of #2d77be

Color Blindness Simulator