#2a45b8 hex color

In a RGB color space, hex #2a45b8 is composed of 16.5% red, 27.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 62.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 228.6 degrees, a saturation of 62.8% and a lightness of 44.3%. #2a45b8 color hex could be obtained by blending #548aff with #000071. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 27
- B 72
RGB color chart
- C 77
- M 63
- Y 0
- K 28
CMYK color chart

● #2a45b8 color description : Strong blue.

The hexadecimal color #2a45b8 has RGB values of R:42, G:69, B:184 and CMYK values of C:0.77, M:0.63, Y:0, K:0.28. Its decimal value is 2770360.

Hex triplet	2a45b8	`#2a45b8`
RGB Decimal	42, 69, 184	`rgb(42,69,184)`
RGB Percent	16.5, 27.1, 72.2	`rgb(16.5%,27.1%,72.2%)`
CMYK	77, 63, 0, 28
HSL	228.6°, 62.8, 44.3	`hsl(228.6,62.8%,44.3%)`
HSV (or HSB)	228.6°, 77.2, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.413, 31.66, -63.489
XYZ	11.733, 8.208, 46.311
xyY	0.177, 0.124, 8.208
CIE-LCH	34.413, 70.945, 296.504
CIE-LUV	34.413, -11.822, -88.809
Hunter-Lab	28.65, 22.962, -75.782
Binary	00101010, 01000101, 10111000

#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#b89d2a
```
#b89d2a rgb(184,157,42)
```

Complementary Color

#2a8cb8
```
#2a8cb8 rgb(42,140,184)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#562ab8
```
#562ab8 rgb(86,42,184)
```

Analogous Color

#8cb82a
```
#8cb82a rgb(140,184,42)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#b8562a
```
#b8562a rgb(184,86,42)
```

Split Complementary Color

#45b82a
```
#45b82a rgb(69,184,42)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#b82a45
```
#b82a45 rgb(184,42,69)
```

Triadic Color

#2ab89d
```
#2ab89d rgb(42,184,157)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#b82a45
```
#b82a45 rgb(184,42,69)
```
#b89d2a
```
#b89d2a rgb(184,157,42)
```

Tetradic Color

#1c2e7a
```
#1c2e7a rgb(28,46,122)
```
#21358e
```
#21358e rgb(33,53,142)
```
#253da3
```
#253da3 rgb(37,61,163)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#2f4dcd
```
#2f4dcd rgb(47,77,205)
```
#415dd4
```
#415dd4 rgb(65,93,212)
```
#566fd8
```
#566fd8 rgb(86,111,216)
```

Monochromatic Color

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

#2a69b8
```
#2a69b8 rgb(42,105,184)
```
#2a5db8
```
#2a5db8 rgb(42,93,184)
```
#2a51b8
```
#2a51b8 rgb(42,81,184)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#2a39b8
```
#2a39b8 rgb(42,57,184)
```
#2a2db8
```
#2a2db8 rgb(42,45,184)
```
#322ab8
```
#322ab8 rgb(50,42,184)
```

Similar Colors

Text with hexadecimal color #2a45b8

This text has a font color of #2a45b8.

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

#2a45b8 background color

This paragraph has a background color of #2a45b8.

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

#2a45b8 border color

This element has a border color of #2a45b8.

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

CSS codes

.text {color:#2a45b8;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#060918
```
#060918 rgb(6,9,24)
```
#090f28
```
#090f28 rgb(9,15,40)
```
#0d1538
```
#0d1538 rgb(13,21,56)
```
#101b48
```
#101b48 rgb(16,27,72)
```
#142158
```
#142158 rgb(20,33,88)
```
#182768
```
#182768 rgb(24,39,104)
```
#1b2d78
```
#1b2d78 rgb(27,45,120)
```
#1f3388
```
#1f3388 rgb(31,51,136)
```
#233998
```
#233998 rgb(35,57,152)
```
#263fa8
```
#263fa8 rgb(38,63,168)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#2e4bc8
```
#2e4bc8 rgb(46,75,200)
```

Shade Color Variation

#3855d2
```
#3855d2 rgb(56,85,210)
```
#4863d5
```
#4863d5 rgb(72,99,213)
```
#5870d9
```
#5870d9 rgb(88,112,217)
```
#687edc
```
#687edc rgb(104,126,220)
```
#788be0
```
#788be0 rgb(120,139,224)
```
#8899e4
```
#8899e4 rgb(136,153,228)
```
#98a7e7
```
#98a7e7 rgb(152,167,231)
```
#a8b4eb
```
#a8b4eb rgb(168,180,235)
```
#b7c2ef
```
#b7c2ef rgb(183,194,239)
```
#c7d0f2
```
#c7d0f2 rgb(199,208,242)
```
#d7ddf6
```
#d7ddf6 rgb(215,221,246)
```
#e7ebfa
```
#e7ebfa rgb(231,235,250)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#707072
```
#707072 rgb(112,112,114)
```
#676b7b
```
#676b7b rgb(103,107,123)
```
#5e6584
```
#5e6584 rgb(94,101,132)
```
#55608d
```
#55608d rgb(85,96,141)
```
#4d5b95
```
#4d5b95 rgb(77,91,149)
```
#44559e
```
#44559e rgb(68,85,158)
```
#3b50a7
```
#3b50a7 rgb(59,80,167)
```
#334aaf
```
#334aaf rgb(51,74,175)
```
#2a45b8
```
#2a45b8 rgb(42,69,184)
```
#2140c1
```
#2140c1 rgb(33,64,193)
```
#193ac9
```
#193ac9 rgb(25,58,201)
```
#1035d2
```
#1035d2 rgb(16,53,210)
```
#072fdb
```
#072fdb rgb(7,47,219)
```

Tone Color Variation

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

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#0f50af Protanomaly 1% of men, 0.01% of women
#0f53a1 Deuteranomaly 6% of men, 0.4% of women
#0f5885 Tritanomaly 0.01% of the population

#2a45b8 hex color

#2a45b8 Color Information

#2a45b8 Color Conversion

Color Schemes with #2a45b8

Alternatives to #2a45b8

#2a45b8 Preview

Shades and Tints of #2a45b8

Tones of #2a45b8

Color Blindness Simulator