#2a4fbc hex color

In a RGB color space, hex #2a4fbc is composed of 16.5% red, 31% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 58% magenta, 0% yellow and 26.3% black. It has a hue angle of 224.8 degrees, a saturation of 63.5% and a lightness of 45.1%. #2a4fbc color hex could be obtained by blending #549eff with #000079. Closest websafe color is: #3366cc.

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

● #2a4fbc color description : Strong blue.

The hexadecimal color #2a4fbc has RGB values of R:42, G:79, B:188 and CMYK values of C:0.78, M:0.58, Y:0, K:0.26. Its decimal value is 2772924.

Hex triplet	2a4fbc	`#2a4fbc`
RGB Decimal	42, 79, 188	`rgb(42,79,188)`
RGB Percent	16.5, 31, 73.7	`rgb(16.5%,31%,73.7%)`
CMYK	78, 58, 0, 26
HSL	224.8°, 63.5, 45.1	`hsl(224.8,63.5%,45.1%)`
HSV (or HSB)	224.8°, 77.7, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.324, 26.614, -61.089
XYZ	12.826, 9.714, 48.773
xyY	0.18, 0.136, 9.714
CIE-LCH	37.324, 66.635, 293.541
CIE-LUV	37.324, -14.339, -88.094
Hunter-Lab	31.167, 18.913, -70.964
Binary	00101010, 01001111, 10111100

#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#bc972a
```
#bc972a rgb(188,151,42)
```

Complementary Color

#2a98bc
```
#2a98bc rgb(42,152,188)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#4e2abc
```
#4e2abc rgb(78,42,188)
```

Analogous Color

#98bc2a
```
#98bc2a rgb(152,188,42)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#bc4e2a
```
#bc4e2a rgb(188,78,42)
```

Split Complementary Color

#4fbc2a
```
#4fbc2a rgb(79,188,42)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#bc2a4f
```
#bc2a4f rgb(188,42,79)
```

Triadic Color

#2abc97
```
#2abc97 rgb(42,188,151)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#bc2a4f
```
#bc2a4f rgb(188,42,79)
```
#bc972a
```
#bc972a rgb(188,151,42)
```

Tetradic Color

#1c357d
```
#1c357d rgb(28,53,125)
```
#213d92
```
#213d92 rgb(33,61,146)
```
#2546a7
```
#2546a7 rgb(37,70,167)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#2f58d1
```
#2f58d1 rgb(47,88,209)
```
#4469d5
```
#4469d5 rgb(68,105,213)
```
#5979da
```
#5979da rgb(89,121,218)
```

Monochromatic Color

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

#2a74bc
```
#2a74bc rgb(42,116,188)
```
#2a67bc
```
#2a67bc rgb(42,103,188)
```
#2a5bbc
```
#2a5bbc rgb(42,91,188)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#2a43bc
```
#2a43bc rgb(42,67,188)
```
#2a37bc
```
#2a37bc rgb(42,55,188)
```
#2a2bbc
```
#2a2bbc rgb(42,43,188)
```

Similar Colors

Text with hexadecimal color #2a4fbc

This text has a font color of #2a4fbc.

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

#2a4fbc background color

This paragraph has a background color of #2a4fbc.

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

#2a4fbc border color

This element has a border color of #2a4fbc.

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

CSS codes

.text {color:#2a4fbc;}

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

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

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, #03050c is the darkest color, while #fbfbfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#060c1c
```
#060c1c rgb(6,12,28)
```
#0a122c
```
#0a122c rgb(10,18,44)
```
#0d193c
```
#0d193c rgb(13,25,60)
```
#11204c
```
#11204c rgb(17,32,76)
```
#15275c
```
#15275c rgb(21,39,92)
```
#182d6c
```
#182d6c rgb(24,45,108)
```
#1c347c
```
#1c347c rgb(28,52,124)
```
#1f3b8c
```
#1f3b8c rgb(31,59,140)
```
#23429c
```
#23429c rgb(35,66,156)
```
#2648ac
```
#2648ac rgb(38,72,172)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#2e56cc
```
#2e56cc rgb(46,86,204)
```

Shade Color Variation

#3a61d3
```
#3a61d3 rgb(58,97,211)
```
#4a6ed7
```
#4a6ed7 rgb(74,110,215)
```
#5a7bda
```
#5a7bda rgb(90,123,218)
```
#6a88de
```
#6a88de rgb(106,136,222)
```
#7a94e1
```
#7a94e1 rgb(122,148,225)
```
#8aa1e5
```
#8aa1e5 rgb(138,161,229)
```
#9aaee9
```
#9aaee9 rgb(154,174,233)
```
#aabbec
```
#aabbec rgb(170,187,236)
```
#bac8f0
```
#bac8f0 rgb(186,200,240)
```
#cad5f3
```
#cad5f3 rgb(202,213,243)
```
#dbe2f7
```
#dbe2f7 rgb(219,226,247)
```
#ebeffa
```
#ebeffa rgb(235,239,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#717275
```
#717275 rgb(113,114,117)
```
#686e7e
```
#686e7e rgb(104,110,126)
```
#5f6987
```
#5f6987 rgb(95,105,135)
```
#566590
```
#566590 rgb(86,101,144)
```
#4d6099
```
#4d6099 rgb(77,96,153)
```
#455ca1
```
#455ca1 rgb(69,92,161)
```
#3c58aa
```
#3c58aa rgb(60,88,170)
```
#3353b3
```
#3353b3 rgb(51,83,179)
```
#2a4fbc
```
#2a4fbc rgb(42,79,188)
```
#214bc5
```
#214bc5 rgb(33,75,197)
```
#1846ce
```
#1846ce rgb(24,70,206)
```
#0f42d7
```
#0f42d7 rgb(15,66,215)
```
#073edf
```
#073edf rgb(7,62,223)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#485066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a0 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#0f58b8 Protanomaly 1% of men, 0.01% of women
#0f5baa Deuteranomaly 6% of men, 0.4% of women
#0f608b Tritanomaly 0.01% of the population

#2a4fbc hex color

#2a4fbc Color Information

#2a4fbc Color Conversion

Color Schemes with #2a4fbc

Alternatives to #2a4fbc

#2a4fbc Preview

Shades and Tints of #2a4fbc

Tones of #2a4fbc

Color Blindness Simulator