#2a45ec hex color

In a RGB color space, hex #2a45ec is composed of 16.5% red, 27.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 70.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.6 degrees, a saturation of 83.6% and a lightness of 54.5%. #2a45ec color hex could be obtained by blending #548aff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 27
- B 93
RGB color chart
- C 82
- M 71
- Y 0
- K 7
CMYK color chart

● #2a45ec color description : Bright blue.

The hexadecimal color #2a45ec has RGB values of R:42, G:69, B:236 and CMYK values of C:0.82, M:0.71, Y:0, K:0.07. Its decimal value is 2770412.

Hex triplet	2a45ec	`#2a45ec`
RGB Decimal	42, 69, 236	`rgb(42,69,236)`
RGB Percent	16.5, 27.1, 92.5	`rgb(16.5%,27.1%,92.5%)`
CMYK	82, 71, 0, 7
HSL	231.6°, 83.6, 54.5	`hsl(231.6,83.6%,54.5%)`
HSV (or HSB)	231.6°, 82.2, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.247, 50.164, -85.575
XYZ	18.22, 10.803, 80.477
xyY	0.166, 0.099, 10.803
CIE-LCH	39.247, 99.194, 300.379
CIE-LUV	39.247, -12.763, -121.314
Hunter-Lab	32.868, 41.43, -122.162
Binary	00101010, 01000101, 11101100

#2a45ec
```
#2a45ec rgb(42,69,236)
```
#ecd12a
```
#ecd12a rgb(236,209,42)
```

Complementary Color

#2aa6ec
```
#2aa6ec rgb(42,166,236)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#702aec
```
#702aec rgb(112,42,236)
```

Analogous Color

#a6ec2a
```
#a6ec2a rgb(166,236,42)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#ec702a
```
#ec702a rgb(236,112,42)
```

Split Complementary Color

#45ec2a
```
#45ec2a rgb(69,236,42)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```

Triadic Color

#2aecd1
```
#2aecd1 rgb(42,236,209)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#ec2a45
```
#ec2a45 rgb(236,42,69)
```
#ecd12a
```
#ecd12a rgb(236,209,42)
```

Tetradic Color

#1128b9
```
#1128b9 rgb(17,40,185)
```
#132dd0
```
#132dd0 rgb(19,45,208)
```
#1532e8
```
#1532e8 rgb(21,50,232)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#4159ee
```
#4159ee rgb(65,89,238)
```
#596ef0
```
#596ef0 rgb(89,110,240)
```
#7082f2
```
#7082f2 rgb(112,130,242)
```

Monochromatic Color

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

#2a76ec
```
#2a76ec rgb(42,118,236)
```
#2a65ec
```
#2a65ec rgb(42,101,236)
```
#2a55ec
```
#2a55ec rgb(42,85,236)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#2a35ec
```
#2a35ec rgb(42,53,236)
```
#2f2aec
```
#2f2aec rgb(47,42,236)
```
#3f2aec
```
#3f2aec rgb(63,42,236)
```

Similar Colors

Text with hexadecimal color #2a45ec

This text has a font color of #2a45ec.

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

#2a45ec background color

This paragraph has a background color of #2a45ec.

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

#2a45ec border color

This element has a border color of #2a45ec.

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

CSS codes

.text {color:#2a45ec;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020515
```
#020515 rgb(2,5,21)
```
#030827
```
#030827 rgb(3,8,39)
```
#050c39
```
#050c39 rgb(5,12,57)
```
#07104b
```
#07104b rgb(7,16,75)
```
#08145d
```
#08145d rgb(8,20,93)
```
#0a186f
```
#0a186f rgb(10,24,111)
```
#0c1c81
```
#0c1c81 rgb(12,28,129)
```
#0d2093
```
#0d2093 rgb(13,32,147)
```
#0f24a5
```
#0f24a5 rgb(15,36,165)
```
#1028b7
```
#1028b7 rgb(16,40,183)
```
#122bc9
```
#122bc9 rgb(18,43,201)
```
#142fdb
```
#142fdb rgb(20,47,219)
```

Shade Color Variation

#1835ea
```
#1835ea rgb(24,53,234)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#3c55ee
```
#3c55ee rgb(60,85,238)
```
#4e64ef
```
#4e64ef rgb(78,100,239)
```
#6074f1
```
#6074f1 rgb(96,116,241)
```
#7284f2
```
#7284f2 rgb(114,132,242)
```
#8494f4
```
#8494f4 rgb(132,148,244)
```
#96a3f6
```
#96a3f6 rgb(150,163,246)
```
#a8b3f7
```
#a8b3f7 rgb(168,179,247)
```
#bac3f9
```
#bac3f9 rgb(186,195,249)
```
#ccd3fa
```
#ccd3fa rgb(204,211,250)
```
#dee2fc
```
#dee2fc rgb(222,226,252)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```

Tint Color Variation

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

#838593
```
#838593 rgb(131,133,147)
```
#7a7f9c
```
#7a7f9c rgb(122,127,156)
```
#7179a5
```
#7179a5 rgb(113,121,165)
```
#6872ae
```
#6872ae rgb(104,114,174)
```
#606cb6
```
#606cb6 rgb(96,108,182)
```
#5765bf
```
#5765bf rgb(87,101,191)
```
#4e5fc8
```
#4e5fc8 rgb(78,95,200)
```
#4558d1
```
#4558d1 rgb(69,88,209)
```
#3c52da
```
#3c52da rgb(60,82,218)
```
#334be3
```
#334be3 rgb(51,75,227)
```
#2a45ec
```
#2a45ec rgb(42,69,236)
```
#213ff5
```
#213ff5 rgb(33,63,245)
```
#1838fe
```
#1838fe rgb(24,56,254)
```

Tone Color Variation

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

Dichromacy

#0062be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#0f57cf Protanomaly 1% of men, 0.01% of women
#0f5bbe Deuteranomaly 6% of men, 0.4% of women
#0f5f9f Tritanomaly 0.01% of the population

#2a45ec hex color

#2a45ec Color Information

#2a45ec Color Conversion

Color Schemes with #2a45ec

Alternatives to #2a45ec

#2a45ec Preview

Shades and Tints of #2a45ec

Tones of #2a45ec

Color Blindness Simulator