#2a45d7 hex color

In a RGB color space, hex #2a45d7 is composed of 16.5% red, 27.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 67.9% magenta, 0% yellow and 15.7% black. It has a hue angle of 230.6 degrees, a saturation of 68.4% and a lightness of 50.4%. #2a45d7 color hex could be obtained by blending #548aff with #0000af. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 27
- B 84
RGB color chart
- C 80
- M 68
- Y 0
- K 16
CMYK color chart

● #2a45d7 color description : Strong blue.

The hexadecimal color #2a45d7 has RGB values of R:42, G:69, B:215 and CMYK values of C:0.8, M:0.68, Y:0, K:0.16. Its decimal value is 2770391.

Hex triplet	2a45d7	`#2a45d7`
RGB Decimal	42, 69, 215	`rgb(42,69,215)`
RGB Percent	16.5, 27.1, 84.3	`rgb(16.5%,27.1%,84.3%)`
CMYK	80, 68, 0, 16
HSL	230.6°, 68.4, 50.4	`hsl(230.6,68.4%,50.4%)`
HSV (or HSB)	230.6°, 80.5, 84.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.214, 42.896, -76.948
XYZ	15.346, 9.654, 65.341
xyY	0.17, 0.107, 9.654
CIE-LCH	37.214, 88.097, 299.138
CIE-LUV	37.214, -12.334, -108.56
Hunter-Lab	31.07, 33.791, -102.937
Binary	00101010, 01000101, 11010111

#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#d7bc2a
```
#d7bc2a rgb(215,188,42)
```

Complementary Color

#2a9cd7
```
#2a9cd7 rgb(42,156,215)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#662ad7
```
#662ad7 rgb(102,42,215)
```

Analogous Color

#9cd72a
```
#9cd72a rgb(156,215,42)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#d7662a
```
#d7662a rgb(215,102,42)
```

Split Complementary Color

#45d72a
```
#45d72a rgb(69,215,42)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#d72a45
```
#d72a45 rgb(215,42,69)
```

Triadic Color

#2ad7bc
```
#2ad7bc rgb(42,215,188)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#d72a45
```
#d72a45 rgb(215,42,69)
```
#d7bc2a
```
#d7bc2a rgb(215,188,42)
```

Tetradic Color

#1d3098
```
#1d3098 rgb(29,48,152)
```
#2137ad
```
#2137ad rgb(33,55,173)
```
#253dc3
```
#253dc3 rgb(37,61,195)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#3f58db
```
#3f58db rgb(63,88,219)
```
#556adf
```
#556adf rgb(85,106,223)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```

Monochromatic Color

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

#2a70d7
```
#2a70d7 rgb(42,112,215)
```
#2a62d7
```
#2a62d7 rgb(42,98,215)
```
#2a53d7
```
#2a53d7 rgb(42,83,215)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#2a37d7
```
#2a37d7 rgb(42,55,215)
```
#2c2ad7
```
#2c2ad7 rgb(44,42,215)
```
#3a2ad7
```
#3a2ad7 rgb(58,42,215)
```

Similar Colors

Text with hexadecimal color #2a45d7

This text has a font color of #2a45d7.

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

#2a45d7 background color

This paragraph has a background color of #2a45d7.

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

#2a45d7 border color

This element has a border color of #2a45d7.

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

CSS codes

.text {color:#2a45d7;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030612
```
#030612 rgb(3,6,18)
```
#070b23
```
#070b23 rgb(7,11,35)
```
#0a1033
```
#0a1033 rgb(10,16,51)
```
#0d1544
```
#0d1544 rgb(13,21,68)
```
#101b54
```
#101b54 rgb(16,27,84)
```
#132065
```
#132065 rgb(19,32,101)
```
#162575
```
#162575 rgb(22,37,117)
```
#192a86
```
#192a86 rgb(25,42,134)
```
#1c2f96
```
#1c2f96 rgb(28,47,150)
```
#1f34a7
```
#1f34a7 rgb(31,52,167)
```
#223ab7
```
#223ab7 rgb(34,58,183)
```
#263fc8
```
#263fc8 rgb(38,63,200)
```

Shade Color Variation

#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#3b53da
```
#3b53da rgb(59,83,218)
```
#4b62dd
```
#4b62dd rgb(75,98,221)
```
#5c70e0
```
#5c70e0 rgb(92,112,224)
```
#6c7fe3
```
#6c7fe3 rgb(108,127,227)
```
#7d8de7
```
#7d8de7 rgb(125,141,231)
```
#8d9cea
```
#8d9cea rgb(141,156,234)
```
#9eaaed
```
#9eaaed rgb(158,170,237)
```
#aeb8f0
```
#aeb8f0 rgb(174,184,240)
```
#bfc7f3
```
#bfc7f3 rgb(191,199,243)
```
#cfd5f6
```
#cfd5f6 rgb(207,213,246)
```
#e0e4f9
```
#e0e4f9 rgb(224,228,249)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b89 is the less saturated color, while #032afe is the most saturated one.

#787b89
```
#787b89 rgb(120,123,137)
```
#6e7493
```
#6e7493 rgb(110,116,147)
```
#646d9d
```
#646d9d rgb(100,109,157)
```
#5b66a6
```
#5b66a6 rgb(91,102,166)
```
#5160b0
```
#5160b0 rgb(81,96,176)
```
#4759ba
```
#4759ba rgb(71,89,186)
```
#3d52c4
```
#3d52c4 rgb(61,82,196)
```
#344ccd
```
#344ccd rgb(52,76,205)
```
#2a45d7
```
#2a45d7 rgb(42,69,215)
```
#203ee1
```
#203ee1 rgb(32,62,225)
```
#1738ea
```
#1738ea rgb(23,56,234)
```
#0d31f4
```
#0d31f4 rgb(13,49,244)
```
#032afe
```
#032afe rgb(3,42,254)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#474c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#0f54c2 Protanomaly 1% of men, 0.01% of women
#0f58b2 Deuteranomaly 6% of men, 0.4% of women
#0f5c94 Tritanomaly 0.01% of the population

#2a45d7 hex color

#2a45d7 Color Information

#2a45d7 Color Conversion

Color Schemes with #2a45d7

Alternatives to #2a45d7

#2a45d7 Preview

Shades and Tints of #2a45d7

Tones of #2a45d7

Color Blindness Simulator