#2a77ab hex color

In a RGB color space, hex #2a77ab is composed of 16.5% red, 46.7% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 30.4% magenta, 0% yellow and 32.9% black. It has a hue angle of 204.2 degrees, a saturation of 60.6% and a lightness of 41.8%. #2a77ab color hex could be obtained by blending #54eeff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 47
- B 67
RGB color chart
- C 75
- M 30
- Y 0
- K 33
CMYK color chart

● #2a77ab color description : Dark blue.

The hexadecimal color #2a77ab has RGB values of R:42, G:119, B:171 and CMYK values of C:0.75, M:0.3, Y:0, K:0.33. Its decimal value is 2783147.

Hex triplet	2a77ab	`#2a77ab`
RGB Decimal	42, 119, 171	`rgb(42,119,171)`
RGB Percent	16.5, 46.7, 67.1	`rgb(16.5%,46.7%,67.1%)`
CMYK	75, 30, 0, 33
HSL	204.2°, 60.6, 41.8	`hsl(204.2,60.6%,41.8%)`
HSV (or HSB)	204.2°, 75.4, 67.1
Web Safe	336699	`#336699`

CIE-LAB	47.784, -5.328, -34.392
XYZ	14.901, 16.625, 40.949
xyY	0.206, 0.229, 16.625
CIE-LCH	47.784, 34.802, 261.194
CIE-LUV	47.784, -27.257, -50.834
Hunter-Lab	40.774, -6.122, -31.004
Binary	00101010, 01110111, 10101011

#2a77ab
```
#2a77ab rgb(42,119,171)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```

Complementary Color

#2aab9f
```
#2aab9f rgb(42,171,159)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#2a37ab
```
#2a37ab rgb(42,55,171)
```

Analogous Color

#ab9f2a
```
#ab9f2a rgb(171,159,42)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#ab2a37
```
#ab2a37 rgb(171,42,55)
```

Split Complementary Color

#77ab2a
```
#77ab2a rgb(119,171,42)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#ab2a77
```
#ab2a77 rgb(171,42,119)
```

Triadic Color

#2aab5e
```
#2aab5e rgb(42,171,94)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#ab2a77
```
#ab2a77 rgb(171,42,119)
```
#ab5e2a
```
#ab5e2a rgb(171,94,42)
```

Tetradic Color

#1b4c6e
```
#1b4c6e rgb(27,76,110)
```
#205b82
```
#205b82 rgb(32,91,130)
```
#256997
```
#256997 rgb(37,105,151)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#2f85bf
```
#2f85bf rgb(47,133,191)
```
#3a92ce
```
#3a92ce rgb(58,146,206)
```
#4e9ed4
```
#4e9ed4 rgb(78,158,212)
```

Monochromatic Color

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

#2a97ab
```
#2a97ab rgb(42,151,171)
```
#2a8dab
```
#2a8dab rgb(42,141,171)
```
#2a82ab
```
#2a82ab rgb(42,130,171)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#2a6cab
```
#2a6cab rgb(42,108,171)
```
#2a62ab
```
#2a62ab rgb(42,98,171)
```
#2a57ab
```
#2a57ab rgb(42,87,171)
```

Similar Colors

Text with hexadecimal color #2a77ab

This text has a font color of #2a77ab.

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

#2a77ab background color

This paragraph has a background color of #2a77ab.

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

#2a77ab border color

This element has a border color of #2a77ab.

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

CSS codes

.text {color:#2a77ab;}

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

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

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, #03090e is the darkest color, while #fdfefe is the lightest one.

#03090e
```
#03090e rgb(3,9,14)
```
#07141d
```
#07141d rgb(7,20,29)
```
#0b1f2d
```
#0b1f2d rgb(11,31,45)
```
#0f2a3d
```
#0f2a3d rgb(15,42,61)
```
#13354d
```
#13354d rgb(19,53,77)
```
#17405c
```
#17405c rgb(23,64,92)
```
#1b4b6c
```
#1b4b6c rgb(27,75,108)
```
#1e567c
```
#1e567c rgb(30,86,124)
```
#22618c
```
#22618c rgb(34,97,140)
```
#266c9b
```
#266c9b rgb(38,108,155)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#2e82bb
```
#2e82bb rgb(46,130,187)
```
#328dca
```
#328dca rgb(50,141,202)
```

Shade Color Variation

#4096d0
```
#4096d0 rgb(64,150,208)
```
#509fd4
```
#509fd4 rgb(80,159,212)
```
#5fa7d8
```
#5fa7d8 rgb(95,167,216)
```
#6fb0dc
```
#6fb0dc rgb(111,176,220)
```
#7fb9e0
```
#7fb9e0 rgb(127,185,224)
```
#8fc1e3
```
#8fc1e3 rgb(143,193,227)
```
#9ecae7
```
#9ecae7 rgb(158,202,231)
```
#aed2eb
```
#aed2eb rgb(174,210,235)
```
#bedbef
```
#bedbef rgb(190,219,239)
```
#cee4f3
```
#cee4f3 rgb(206,228,243)
```
#ddecf7
```
#ddecf7 rgb(221,236,247)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636c72 is the less saturated color, while #017fd4 is the most saturated one.

#636c72
```
#636c72 rgb(99,108,114)
```
#5b6d7a
```
#5b6d7a rgb(91,109,122)
```
#536f82
```
#536f82 rgb(83,111,130)
```
#4b718a
```
#4b718a rgb(75,113,138)
```
#437292
```
#437292 rgb(67,114,146)
```
#3a749b
```
#3a749b rgb(58,116,155)
```
#3275a3
```
#3275a3 rgb(50,117,163)
```
#2a77ab
```
#2a77ab rgb(42,119,171)
```
#2279b3
```
#2279b3 rgb(34,121,179)
```
#1a7abb
```
#1a7abb rgb(26,122,187)
```
#117cc4
```
#117cc4 rgb(17,124,196)
```
#097dcc
```
#097dcc rgb(9,125,204)
```
#017fd4
```
#017fd4 rgb(1,127,212)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6677aa Protanopia 1% of men
#5a78b1 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#5077aa Protanomaly 1% of men, 0.01% of women
#4877af Deuteranomaly 6% of men, 0.4% of women
#0f7f98 Tritanomaly 0.01% of the population

#2a77ab hex color

#2a77ab Color Information

#2a77ab Color Conversion

Color Schemes with #2a77ab

Alternatives to #2a77ab

#2a77ab Preview

Shades and Tints of #2a77ab

Tones of #2a77ab

Color Blindness Simulator