#2a45df hex color

In a RGB color space, hex #2a45df is composed of 16.5% red, 27.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 69.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 231 degrees, a saturation of 73.9% and a lightness of 52%. #2a45df color hex could be obtained by blending #548aff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 16
- G 27
- B 87
RGB color chart
- C 81
- M 69
- Y 0
- K 13
CMYK color chart

● #2a45df color description : Bright blue.

The hexadecimal color #2a45df has RGB values of R:42, G:69, B:223 and CMYK values of C:0.81, M:0.69, Y:0, K:0.13. Its decimal value is 2770399.

Hex triplet	2a45df	`#2a45df`
RGB Decimal	42, 69, 223	`rgb(42,69,223)`
RGB Percent	16.5, 27.1, 87.5	`rgb(16.5%,27.1%,87.5%)`
CMYK	81, 69, 0, 13
HSL	231°, 73.9, 52	`hsl(231,73.9%,52%)`
HSV (or HSB)	231°, 81.2, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.977, 45.698, -80.278
XYZ	16.4, 10.075, 70.888
xyY	0.168, 0.103, 10.075
CIE-LCH	37.977, 92.373, 299.651
CIE-LUV	37.977, -12.49, -113.47
Hunter-Lab	31.741, 36.678, -110.195
Binary	00101010, 01000101, 11011111

#2a45df
```
#2a45df rgb(42,69,223)
```
#dfc42a
```
#dfc42a rgb(223,196,42)
```

Complementary Color

#2aa0df
```
#2aa0df rgb(42,160,223)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#6a2adf
```
#6a2adf rgb(106,42,223)
```

Analogous Color

#a0df2a
```
#a0df2a rgb(160,223,42)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#df6a2a
```
#df6a2a rgb(223,106,42)
```

Split Complementary Color

#45df2a
```
#45df2a rgb(69,223,42)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#df2a45
```
#df2a45 rgb(223,42,69)
```

Triadic Color

#2adfc4
```
#2adfc4 rgb(42,223,196)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#df2a45
```
#df2a45 rgb(223,42,69)
```
#dfc42a
```
#dfc42a rgb(223,196,42)
```

Tetradic Color

#192da4
```
#192da4 rgb(25,45,164)
```
#1c34ba
```
#1c34ba rgb(28,52,186)
```
#1f3ad0
```
#1f3ad0 rgb(31,58,208)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#4058e2
```
#4058e2 rgb(64,88,226)
```
#566ce6
```
#566ce6 rgb(86,108,230)
```
#6d7fe9
```
#6d7fe9 rgb(109,127,233)
```

Monochromatic Color

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

#2a72df
```
#2a72df rgb(42,114,223)
```
#2a63df
```
#2a63df rgb(42,99,223)
```
#2a54df
```
#2a54df rgb(42,84,223)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#2a36df
```
#2a36df rgb(42,54,223)
```
#2d2adf
```
#2d2adf rgb(45,42,223)
```
#3c2adf
```
#3c2adf rgb(60,42,223)
```

Similar Colors

Text with hexadecimal color #2a45df

This text has a font color of #2a45df.

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

#2a45df background color

This paragraph has a background color of #2a45df.

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

#2a45df border color

This element has a border color of #2a45df.

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

CSS codes

.text {color:#2a45df;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#04071a
```
#04071a rgb(4,7,26)
```
#060c2b
```
#060c2b rgb(6,12,43)
```
#09113c
```
#09113c rgb(9,17,60)
```
#0c154d
```
#0c154d rgb(12,21,77)
```
#0e1a5e
```
#0e1a5e rgb(14,26,94)
```
#111f6f
```
#111f6f rgb(17,31,111)
```
#132380
```
#132380 rgb(19,35,128)
```
#162891
```
#162891 rgb(22,40,145)
```
#182da2
```
#182da2 rgb(24,45,162)
```
#1b32b3
```
#1b32b3 rgb(27,50,179)
```
#1d36c4
```
#1d36c4 rgb(29,54,196)
```
#203bd5
```
#203bd5 rgb(32,59,213)
```

Shade Color Variation

#2a45df
```
#2a45df rgb(42,69,223)
```
#3b54e2
```
#3b54e2 rgb(59,84,226)
```
#4c63e4
```
#4c63e4 rgb(76,99,228)
```
#5d72e7
```
#5d72e7 rgb(93,114,231)
```
#6e81e9
```
#6e81e9 rgb(110,129,233)
```
#7f8fec
```
#7f8fec rgb(127,143,236)
```
#909eee
```
#909eee rgb(144,158,238)
```
#a1adf1
```
#a1adf1 rgb(161,173,241)
```
#b2bcf3
```
#b2bcf3 rgb(178,188,243)
```
#c3cbf6
```
#c3cbf6 rgb(195,203,246)
```
#d5daf9
```
#d5daf9 rgb(213,218,249)
```
#e6e9fb
```
#e6e9fb rgb(230,233,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f818a is the less saturated color, while #0e31fb is the most saturated one.

#7f818a
```
#7f818a rgb(127,129,138)
```
#757a94
```
#757a94 rgb(117,122,148)
```
#6c739d
```
#6c739d rgb(108,115,157)
```
#636da6
```
#636da6 rgb(99,109,166)
```
#5966b0
```
#5966b0 rgb(89,102,176)
```
#505fb9
```
#505fb9 rgb(80,95,185)
```
#4659c3
```
#4659c3 rgb(70,89,195)
```
#3d52cc
```
#3d52cc rgb(61,82,204)
```
#334cd6
```
#334cd6 rgb(51,76,214)
```
#2a45df
```
#2a45df rgb(42,69,223)
```
#213ee8
```
#213ee8 rgb(33,62,232)
```
#1738f2
```
#1738f2 rgb(23,56,242)
```
#0e31fb
```
#0e31fb rgb(14,49,251)
```

Tone Color Variation

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

Dichromacy

#005fb9 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0f55c7 Protanomaly 1% of men, 0.01% of women
#0f59b7 Deuteranomaly 6% of men, 0.4% of women
#0f5d99 Tritanomaly 0.01% of the population

#2a45df hex color

#2a45df Color Information

#2a45df Color Conversion

Color Schemes with #2a45df

Alternatives to #2a45df

#2a45df Preview

Shades and Tints of #2a45df

Tones of #2a45df

Color Blindness Simulator