#2a77bd hex color

In a RGB color space, hex #2a77bd is composed of 16.5% red, 46.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 37% magenta, 0% yellow and 25.9% black. It has a hue angle of 208.6 degrees, a saturation of 63.6% and a lightness of 45.3%. #2a77bd color hex could be obtained by blending #54eeff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 47
- B 74
RGB color chart
- C 78
- M 37
- Y 0
- K 26
CMYK color chart

● #2a77bd color description : Strong blue.

The hexadecimal color #2a77bd has RGB values of R:42, G:119, B:189 and CMYK values of C:0.78, M:0.37, Y:0, K:0.26. Its decimal value is 2783165.

Hex triplet	2a77bd	`#2a77bd`
RGB Decimal	42, 119, 189	`rgb(42,119,189)`
RGB Percent	16.5, 46.7, 74.1	`rgb(16.5%,46.7%,74.1%)`
CMYK	78, 37, 0, 26
HSL	208.6°, 63.6, 45.3	`hsl(208.6,63.6%,45.3%)`
HSV (or HSB)	208.6°, 77.8, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.709, 1.323, -43.358
XYZ	16.735, 17.359, 50.61
xyY	0.198, 0.205, 17.359
CIE-LCH	48.709, 43.378, 271.748
CIE-LUV	48.709, -26.458, -65.931
Hunter-Lab	41.664, -1.214, -42.856
Binary	00101010, 01110111, 10111101

#2a77bd
```
#2a77bd rgb(42,119,189)
```
#bd702a
```
#bd702a rgb(189,112,42)
```

Complementary Color

#2abdba
```
#2abdba rgb(42,189,186)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#2a2dbd
```
#2a2dbd rgb(42,45,189)
```

Analogous Color

#bdba2a
```
#bdba2a rgb(189,186,42)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#bd2a2e
```
#bd2a2e rgb(189,42,46)
```

Split Complementary Color

#77bd2a
```
#77bd2a rgb(119,189,42)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#bd2a77
```
#bd2a77 rgb(189,42,119)
```

Triadic Color

#2abd70
```
#2abd70 rgb(42,189,112)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#bd2a77
```
#bd2a77 rgb(189,42,119)
```
#bd702a
```
#bd702a rgb(189,112,42)
```

Tetradic Color

#1c507e
```
#1c507e rgb(28,80,126)
```
#215d93
```
#215d93 rgb(33,93,147)
```
#256aa8
```
#256aa8 rgb(37,106,168)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#3084d1
```
#3084d1 rgb(48,132,209)
```
#4490d6
```
#4490d6 rgb(68,144,214)
```
#599dda
```
#599dda rgb(89,157,218)
```

Monochromatic Color

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

#2a9cbd
```
#2a9cbd rgb(42,156,189)
```
#2a90bd
```
#2a90bd rgb(42,144,189)
```
#2a83bd
```
#2a83bd rgb(42,131,189)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#2a6bbd
```
#2a6bbd rgb(42,107,189)
```
#2a5ebd
```
#2a5ebd rgb(42,94,189)
```
#2a52bd
```
#2a52bd rgb(42,82,189)
```

Similar Colors

Text with hexadecimal color #2a77bd

This text has a font color of #2a77bd.

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

#2a77bd background color

This paragraph has a background color of #2a77bd.

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

#2a77bd border color

This element has a border color of #2a77bd.

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

CSS codes

.text {color:#2a77bd;}

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

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

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)
```
#06121d
```
#06121d rgb(6,18,29)
```
#0a1c2d
```
#0a1c2d rgb(10,28,45)
```
#0d263d
```
#0d263d rgb(13,38,61)
```
#11304d
```
#11304d rgb(17,48,77)
```
#153a5d
```
#153a5d rgb(21,58,93)
```
#18446d
```
#18446d rgb(24,68,109)
```
#1c4f7d
```
#1c4f7d rgb(28,79,125)
```
#1f598d
```
#1f598d rgb(31,89,141)
```
#23639d
```
#23639d rgb(35,99,157)
```
#266dad
```
#266dad rgb(38,109,173)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#2e81cd
```
#2e81cd rgb(46,129,205)
```

Shade Color Variation

#3b8bd3
```
#3b8bd3 rgb(59,139,211)
```
#4b94d7
```
#4b94d7 rgb(75,148,215)
```
#5b9edb
```
#5b9edb rgb(91,158,219)
```
#6ba7de
```
#6ba7de rgb(107,167,222)
```
#7bb1e2
```
#7bb1e2 rgb(123,177,226)
```
#8bbae5
```
#8bbae5 rgb(139,186,229)
```
#9bc4e9
```
#9bc4e9 rgb(155,196,233)
```
#abcdec
```
#abcdec rgb(171,205,236)
```
#bbd7f0
```
#bbd7f0 rgb(187,215,240)
```
#cbe0f4
```
#cbe0f4 rgb(203,224,244)
```
#dbeaf7
```
#dbeaf7 rgb(219,234,247)
```
#ebf3fb
```
#ebf3fb rgb(235,243,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#717476
```
#717476 rgb(113,116,118)
```
#68747f
```
#68747f rgb(104,116,127)
```
#5f7488
```
#5f7488 rgb(95,116,136)
```
#567591
```
#567591 rgb(86,117,145)
```
#4e7599
```
#4e7599 rgb(78,117,153)
```
#4576a2
```
#4576a2 rgb(69,118,162)
```
#3c76ab
```
#3c76ab rgb(60,118,171)
```
#3377b4
```
#3377b4 rgb(51,119,180)
```
#2a77bd
```
#2a77bd rgb(42,119,189)
```
#2177c6
```
#2177c6 rgb(33,119,198)
```
#1878cf
```
#1878cf rgb(24,120,207)
```
#0f78d8
```
#0f78d8 rgb(15,120,216)
```
#0679e1
```
#0679e1 rgb(6,121,225)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e78bc Protanopia 1% of men
#487bc1 Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#4b78bc Protanomaly 1% of men, 0.01% of women
#3d79bf Deuteranomaly 6% of men, 0.4% of women
#0f81a0 Tritanomaly 0.01% of the population

#2a77bd hex color

#2a77bd Color Information

#2a77bd Color Conversion

Color Schemes with #2a77bd

Alternatives to #2a77bd

#2a77bd Preview

Shades and Tints of #2a77bd

Tones of #2a77bd

Color Blindness Simulator