#2a77ca hex color

In a RGB color space, hex #2a77ca is composed of 16.5% red, 46.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 41.1% magenta, 0% yellow and 20.8% black. It has a hue angle of 211.1 degrees, a saturation of 65.6% and a lightness of 47.8%. #2a77ca color hex could be obtained by blending #54eeff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 47
- B 79
RGB color chart
- C 79
- M 41
- Y 0
- K 21
CMYK color chart

● #2a77ca color description : Strong blue.

The hexadecimal color #2a77ca has RGB values of R:42, G:119, B:202 and CMYK values of C:0.79, M:0.41, Y:0, K:0.21. Its decimal value is 2783178.

Hex triplet	2a77ca	`#2a77ca`
RGB Decimal	42, 119, 202	`rgb(42,119,202)`
RGB Percent	16.5, 46.7, 79.2	`rgb(16.5%,46.7%,79.2%)`
CMYK	79, 41, 0, 21
HSL	211.1°, 65.6, 47.8	`hsl(211.1,65.6%,47.8%)`
HSV (or HSB)	211.1°, 79.2, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.434, 6.201, -49.661
XYZ	18.21, 17.949, 58.379
xyY	0.193, 0.19, 17.949
CIE-LCH	49.434, 50.047, 277.118
CIE-LUV	49.434, -25.946, -76.553
Hunter-Lab	42.366, 2.583, -52.043
Binary	00101010, 01110111, 11001010

#2a77ca
```
#2a77ca rgb(42,119,202)
```
#ca7d2a
```
#ca7d2a rgb(202,125,42)
```

Complementary Color

#2ac7ca
```
#2ac7ca rgb(42,199,202)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#2d2aca
```
#2d2aca rgb(45,42,202)
```

Analogous Color

#c7ca2a
```
#c7ca2a rgb(199,202,42)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#ca2d2a
```
#ca2d2a rgb(202,45,42)
```

Split Complementary Color

#77ca2a
```
#77ca2a rgb(119,202,42)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#ca2a77
```
#ca2a77 rgb(202,42,119)
```

Triadic Color

#2aca7d
```
#2aca7d rgb(42,202,125)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#ca2a77
```
#ca2a77 rgb(202,42,119)
```
#ca7d2a
```
#ca7d2a rgb(202,125,42)
```

Tetradic Color

#1d528b
```
#1d528b rgb(29,82,139)
```
#215ea0
```
#215ea0 rgb(33,94,160)
```
#266bb5
```
#266bb5 rgb(38,107,181)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#3884d6
```
#3884d6 rgb(56,132,214)
```
#4d91da
```
#4d91da rgb(77,145,218)
```
#629ede
```
#629ede rgb(98,158,222)
```

Monochromatic Color

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

#2a9fca
```
#2a9fca rgb(42,159,202)
```
#2a92ca
```
#2a92ca rgb(42,146,202)
```
#2a84ca
```
#2a84ca rgb(42,132,202)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#2a6aca
```
#2a6aca rgb(42,106,202)
```
#2a5cca
```
#2a5cca rgb(42,92,202)
```
#2a4fca
```
#2a4fca rgb(42,79,202)
```

Similar Colors

Text with hexadecimal color #2a77ca

This text has a font color of #2a77ca.

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

#2a77ca background color

This paragraph has a background color of #2a77ca.

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

#2a77ca border color

This element has a border color of #2a77ca.

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

CSS codes

.text {color:#2a77ca;}

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

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

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, #010407 is the darkest color, while #f6f9fd is the lightest one.

#010407
```
#010407 rgb(1,4,7)
```
#050e17
```
#050e17 rgb(5,14,23)
```
#081728
```
#081728 rgb(8,23,40)
```
#0c2138
```
#0c2138 rgb(12,33,56)
```
#0f2a48
```
#0f2a48 rgb(15,42,72)
```
#123458
```
#123458 rgb(18,52,88)
```
#163e69
```
#163e69 rgb(22,62,105)
```
#194779
```
#194779 rgb(25,71,121)
```
#1c5189
```
#1c5189 rgb(28,81,137)
```
#205a99
```
#205a99 rgb(32,90,153)
```
#2364aa
```
#2364aa rgb(35,100,170)
```
#276dba
```
#276dba rgb(39,109,186)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```

Shade Color Variation

#3381d5
```
#3381d5 rgb(51,129,213)
```
#438bd8
```
#438bd8 rgb(67,139,216)
```
#5495db
```
#5495db rgb(84,149,219)
```
#649fdf
```
#649fdf rgb(100,159,223)
```
#74a9e2
```
#74a9e2 rgb(116,169,226)
```
#84b3e5
```
#84b3e5 rgb(132,179,229)
```
#94bde9
```
#94bde9 rgb(148,189,233)
```
#a5c7ec
```
#a5c7ec rgb(165,199,236)
```
#b5d1f0
```
#b5d1f0 rgb(181,209,240)
```
#c5dbf3
```
#c5dbf3 rgb(197,219,243)
```
#d5e5f6
```
#d5e5f6 rgb(213,229,246)
```
#e6effa
```
#e6effa rgb(230,239,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757a7f is the less saturated color, while #0476f0 is the most saturated one.

#757a7f
```
#757a7f rgb(117,122,127)
```
#6c7988
```
#6c7988 rgb(108,121,136)
```
#627992
```
#627992 rgb(98,121,146)
```
#59799b
```
#59799b rgb(89,121,155)
```
#5078a4
```
#5078a4 rgb(80,120,164)
```
#4678ae
```
#4678ae rgb(70,120,174)
```
#3d78b7
```
#3d78b7 rgb(61,120,183)
```
#3377c1
```
#3377c1 rgb(51,119,193)
```
#2a77ca
```
#2a77ca rgb(42,119,202)
```
#2177d3
```
#2177d3 rgb(33,119,211)
```
#1776dd
```
#1776dd rgb(23,118,221)
```
#0e76e6
```
#0e76e6 rgb(14,118,230)
```
#0476f0
```
#0476f0 rgb(4,118,240)
```

Tone Color Variation

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

Dichromacy

#577ac9 Protanopia 1% of men
#357ecc Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#4778c9 Protanomaly 1% of men, 0.01% of women
#317bcb Deuteranomaly 6% of men, 0.4% of women
#0f82a6 Tritanomaly 0.01% of the population

#2a77ca hex color

#2a77ca Color Information

#2a77ca Color Conversion

Color Schemes with #2a77ca

Alternatives to #2a77ca

#2a77ca Preview

Shades and Tints of #2a77ca

Tones of #2a77ca

Color Blindness Simulator