#2a45bc hex color

In a RGB color space, hex #2a45bc is composed of 16.5% red, 27.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 63.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 228.9 degrees, a saturation of 63.5% and a lightness of 45.1%. #2a45bc color hex could be obtained by blending #548aff with #000079. Closest websafe color is: #3333cc.

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

● #2a45bc color description : Strong blue.

The hexadecimal color #2a45bc has RGB values of R:42, G:69, B:188 and CMYK values of C:0.78, M:0.63, Y:0, K:0.26. Its decimal value is 2770364.

Hex triplet	2a45bc	`#2a45bc`
RGB Decimal	42, 69, 188	`rgb(42,69,188)`
RGB Percent	16.5, 27.1, 73.7	`rgb(16.5%,27.1%,73.7%)`
CMYK	78, 63, 0, 26
HSL	228.9°, 63.5, 45.1	`hsl(228.9,63.5%,45.1%)`
HSV (or HSB)	228.9°, 77.7, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.759, 33.141, -65.279
XYZ	12.158, 8.378, 48.551
xyY	0.176, 0.121, 8.378
CIE-LCH	34.759, 73.21, 296.916
CIE-LUV	34.759, -11.879, -91.431
Hunter-Lab	28.946, 24.322, -79.186
Binary	00101010, 01000101, 10111100

#2a45bc
```
#2a45bc rgb(42,69,188)
```
#bca12a
```
#bca12a rgb(188,161,42)
```

Complementary Color

#2a8ebc
```
#2a8ebc rgb(42,142,188)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#582abc
```
#582abc rgb(88,42,188)
```

Analogous Color

#8ebc2a
```
#8ebc2a rgb(142,188,42)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#bc582a
```
#bc582a rgb(188,88,42)
```

Split Complementary Color

#45bc2a
```
#45bc2a rgb(69,188,42)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#bc2a45
```
#bc2a45 rgb(188,42,69)
```

Triadic Color

#2abca1
```
#2abca1 rgb(42,188,161)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#bc2a45
```
#bc2a45 rgb(188,42,69)
```
#bca12a
```
#bca12a rgb(188,161,42)
```

Tetradic Color

#1c2e7d
```
#1c2e7d rgb(28,46,125)
```
#213692
```
#213692 rgb(33,54,146)
```
#253da7
```
#253da7 rgb(37,61,167)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#2f4dd1
```
#2f4dd1 rgb(47,77,209)
```
#445fd5
```
#445fd5 rgb(68,95,213)
```
#5971da
```
#5971da rgb(89,113,218)
```

Monochromatic Color

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

#2a6abc
```
#2a6abc rgb(42,106,188)
```
#2a5dbc
```
#2a5dbc rgb(42,93,188)
```
#2a51bc
```
#2a51bc rgb(42,81,188)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#2a39bc
```
#2a39bc rgb(42,57,188)
```
#2a2dbc
```
#2a2dbc rgb(42,45,188)
```
#342abc
```
#342abc rgb(52,42,188)
```

Similar Colors

Text with hexadecimal color #2a45bc

This text has a font color of #2a45bc.

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

#2a45bc background color

This paragraph has a background color of #2a45bc.

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

#2a45bc border color

This element has a border color of #2a45bc.

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

CSS codes

.text {color:#2a45bc;}

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

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

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

#03040c
```
#03040c rgb(3,4,12)
```
#060a1c
```
#060a1c rgb(6,10,28)
```
#0a102c
```
#0a102c rgb(10,16,44)
```
#0d163c
```
#0d163c rgb(13,22,60)
```
#111c4c
```
#111c4c rgb(17,28,76)
```
#15225c
```
#15225c rgb(21,34,92)
```
#18286c
```
#18286c rgb(24,40,108)
```
#1c2d7c
```
#1c2d7c rgb(28,45,124)
```
#1f338c
```
#1f338c rgb(31,51,140)
```
#23399c
```
#23399c rgb(35,57,156)
```
#263fac
```
#263fac rgb(38,63,172)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#2e4bcc
```
#2e4bcc rgb(46,75,204)
```

Shade Color Variation

#3a56d3
```
#3a56d3 rgb(58,86,211)
```
#4a64d7
```
#4a64d7 rgb(74,100,215)
```
#5a72da
```
#5a72da rgb(90,114,218)
```
#6a80de
```
#6a80de rgb(106,128,222)
```
#7a8de1
```
#7a8de1 rgb(122,141,225)
```
#8a9be5
```
#8a9be5 rgb(138,155,229)
```
#9aa9e9
```
#9aa9e9 rgb(154,169,233)
```
#aab7ec
```
#aab7ec rgb(170,183,236)
```
#bac4f0
```
#bac4f0 rgb(186,196,240)
```
#cad2f3
```
#cad2f3 rgb(202,210,243)
```
#dbe0f7
```
#dbe0f7 rgb(219,224,247)
```
#ebeefa
```
#ebeefa rgb(235,238,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 #072fdf is the most saturated one.

#717275
```
#717275 rgb(113,114,117)
```
#686c7e
```
#686c7e rgb(104,108,126)
```
#5f6687
```
#5f6687 rgb(95,102,135)
```
#566190
```
#566190 rgb(86,97,144)
```
#4d5b99
```
#4d5b99 rgb(77,91,153)
```
#4556a1
```
#4556a1 rgb(69,86,161)
```
#3c50aa
```
#3c50aa rgb(60,80,170)
```
#334bb3
```
#334bb3 rgb(51,75,179)
```
#2a45bc
```
#2a45bc rgb(42,69,188)
```
#213fc5
```
#213fc5 rgb(33,63,197)
```
#183ace
```
#183ace rgb(24,58,206)
```
#0f34d7
```
#0f34d7 rgb(15,52,215)
```
#072fdf
```
#072fdf rgb(7,47,223)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#0f51b1 Protanomaly 1% of men, 0.01% of women
#0f54a3 Deuteranomaly 6% of men, 0.4% of women
#0f5887 Tritanomaly 0.01% of the population

#2a45bc hex color

#2a45bc Color Information

#2a45bc Color Conversion

Color Schemes with #2a45bc

Alternatives to #2a45bc

#2a45bc Preview

Shades and Tints of #2a45bc

Tones of #2a45bc

Color Blindness Simulator