#2a5ac7 hex color

In a RGB color space, hex #2a5ac7 is composed of 16.5% red, 35.3% green and 78% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 54.8% magenta, 0% yellow and 22% black. It has a hue angle of 221.7 degrees, a saturation of 65.1% and a lightness of 47.3%. #2a5ac7 color hex could be obtained by blending #54b4ff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 35
- B 78
RGB color chart
- C 79
- M 55
- Y 0
- K 22
CMYK color chart

● #2a5ac7 color description : Strong blue.

The hexadecimal color #2a5ac7 has RGB values of R:42, G:90, B:199 and CMYK values of C:0.79, M:0.55, Y:0, K:0.22. Its decimal value is 2775751.

Hex triplet	2a5ac7	`#2a5ac7`
RGB Decimal	42, 90, 199	`rgb(42,90,199)`
RGB Percent	16.5, 35.3, 78	`rgb(16.5%,35.3%,78%)`
CMYK	79, 55, 0, 22
HSL	221.7°, 65.1, 47.3	`hsl(221.7,65.1%,47.3%)`
HSV (or HSB)	221.7°, 78.9, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.1, 23.586, -61.358
XYZ	14.918, 11.927, 55.546
xyY	0.181, 0.145, 11.927
CIE-LCH	41.1, 65.735, 291.027
CIE-LUV	41.1, -17.258, -91.12
Hunter-Lab	34.535, 16.666, -71.185
Binary	00101010, 01011010, 11000111

#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#c7972a
```
#c7972a rgb(199,151,42)
```

Complementary Color

#2aa9c7
```
#2aa9c7 rgb(42,169,199)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#482ac7
```
#482ac7 rgb(72,42,199)
```

Analogous Color

#a9c72a
```
#a9c72a rgb(169,199,42)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#c7482a
```
#c7482a rgb(199,72,42)
```

Split Complementary Color

#5ac72a
```
#5ac72a rgb(90,199,42)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#c72a5a
```
#c72a5a rgb(199,42,90)
```

Triadic Color

#2ac797
```
#2ac797 rgb(42,199,151)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#c72a5a
```
#c72a5a rgb(199,42,90)
```
#c7972a
```
#c7972a rgb(199,151,42)
```

Tetradic Color

#1d3d88
```
#1d3d88 rgb(29,61,136)
```
#21479d
```
#21479d rgb(33,71,157)
```
#2650b2
```
#2650b2 rgb(38,80,178)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#3666d5
```
#3666d5 rgb(54,102,213)
```
#4b76d9
```
#4b76d9 rgb(75,118,217)
```
#6086dd
```
#6086dd rgb(96,134,221)
```

Monochromatic Color

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

#2a81c7
```
#2a81c7 rgb(42,129,199)
```
#2a74c7
```
#2a74c7 rgb(42,116,199)
```
#2a67c7
```
#2a67c7 rgb(42,103,199)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#2a4dc7
```
#2a4dc7 rgb(42,77,199)
```
#2a40c7
```
#2a40c7 rgb(42,64,199)
```
#2a33c7
```
#2a33c7 rgb(42,51,199)
```

Similar Colors

Text with hexadecimal color #2a5ac7

This text has a font color of #2a5ac7.

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

#2a5ac7 background color

This paragraph has a background color of #2a5ac7.

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

#2a5ac7 border color

This element has a border color of #2a5ac7.

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

CSS codes

.text {color:#2a5ac7;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040915
```
#040915 rgb(4,9,21)
```
#081125
```
#081125 rgb(8,17,37)
```
#0b1835
```
#0b1835 rgb(11,24,53)
```
#0f1f45
```
#0f1f45 rgb(15,31,69)
```
#122756
```
#122756 rgb(18,39,86)
```
#152e66
```
#152e66 rgb(21,46,102)
```
#193576
```
#193576 rgb(25,53,118)
```
#1c3d86
```
#1c3d86 rgb(28,61,134)
```
#204496
```
#204496 rgb(32,68,150)
```
#234ba7
```
#234ba7 rgb(35,75,167)
```
#2753b7
```
#2753b7 rgb(39,83,183)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```

Shade Color Variation

#3163d4
```
#3163d4 rgb(49,99,212)
```
#416fd7
```
#416fd7 rgb(65,111,215)
```
#517bda
```
#517bda rgb(81,123,218)
```
#6288de
```
#6288de rgb(98,136,222)
```
#7294e1
```
#7294e1 rgb(114,148,225)
```
#82a0e5
```
#82a0e5 rgb(130,160,229)
```
#92ace8
```
#92ace8 rgb(146,172,232)
```
#a2b9eb
```
#a2b9eb rgb(162,185,235)
```
#b3c5ef
```
#b3c5ef rgb(179,197,239)
```
#c3d1f2
```
#c3d1f2 rgb(195,209,242)
```
#d3def6
```
#d3def6 rgb(211,222,246)
```
#e3eaf9
```
#e3eaf9 rgb(227,234,249)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74777d is the less saturated color, while #054cec is the most saturated one.

#74777d
```
#74777d rgb(116,119,125)
```
#6b7386
```
#6b7386 rgb(107,115,134)
```
#62708f
```
#62708f rgb(98,112,143)
```
#586c99
```
#586c99 rgb(88,108,153)
```
#4f68a2
```
#4f68a2 rgb(79,104,162)
```
#4665ab
```
#4665ab rgb(70,101,171)
```
#3d61b4
```
#3d61b4 rgb(61,97,180)
```
#335ebe
```
#335ebe rgb(51,94,190)
```
#2a5ac7
```
#2a5ac7 rgb(42,90,199)
```
#2156d0
```
#2156d0 rgb(33,86,208)
```
#1753da
```
#1753da rgb(23,83,218)
```
#0e4fe3
```
#0e4fe3 rgb(14,79,227)
```
#054cec
```
#054cec rgb(5,76,236)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c7 Protanopia 1% of men
#006baf Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#0f61c7 Protanomaly 1% of men, 0.01% of women
#0f65b7 Deuteranomaly 6% of men, 0.4% of women
#0f6a96 Tritanomaly 0.01% of the population

#2a5ac7 hex color

#2a5ac7 Color Information

#2a5ac7 Color Conversion

Color Schemes with #2a5ac7

Alternatives to #2a5ac7

#2a5ac7 Preview

Shades and Tints of #2a5ac7

Tones of #2a5ac7

Color Blindness Simulator