#2c48a5 hex color

In a RGB color space, hex #2c48a5 is composed of 17.3% red, 28.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 56.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 226.1 degrees, a saturation of 57.9% and a lightness of 41%. #2c48a5 color hex could be obtained by blending #5890ff with #00004b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 28
- B 65
RGB color chart
- C 73
- M 56
- Y 0
- K 35
CMYK color chart

● #2c48a5 color description : Dark blue.

The hexadecimal color #2c48a5 has RGB values of R:44, G:72, B:165 and CMYK values of C:0.73, M:0.56, Y:0, K:0.35. Its decimal value is 2902181.

Hex triplet	2c48a5	`#2c48a5`
RGB Decimal	44, 72, 165	`rgb(44,72,165)`
RGB Percent	17.3, 28.2, 64.7	`rgb(17.3%,28.2%,64.7%)`
CMYK	73, 56, 0, 35
HSL	226.1°, 57.9, 41	`hsl(226.1,57.9%,41%)`
HSV (or HSB)	226.1°, 73.3, 64.7
Web Safe	333399	`#333399`

CIE-LAB	33.745, 22.771, -53.272
XYZ	10.146, 7.886, 36.583
xyY	0.186, 0.144, 7.886
CIE-LCH	33.745, 57.935, 293.144
CIE-LUV	33.745, -12.042, -74.731
Hunter-Lab	28.082, 15.348, -57.579
Binary	00101100, 01001000, 10100101

#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#a5892c
```
#a5892c rgb(165,137,44)
```

Complementary Color

#2c85a5
```
#2c85a5 rgb(44,133,165)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#4c2ca5
```
#4c2ca5 rgb(76,44,165)
```

Analogous Color

#85a52c
```
#85a52c rgb(133,165,44)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#a54c2c
```
#a54c2c rgb(165,76,44)
```

Split Complementary Color

#48a52c
```
#48a52c rgb(72,165,44)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#a52c48
```
#a52c48 rgb(165,44,72)
```

Triadic Color

#2ca589
```
#2ca589 rgb(44,165,137)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#a52c48
```
#a52c48 rgb(165,44,72)
```
#a5892c
```
#a5892c rgb(165,137,44)
```

Tetradic Color

#1c2e69
```
#1c2e69 rgb(28,46,105)
```
#21367d
```
#21367d rgb(33,54,125)
```
#273f91
```
#273f91 rgb(39,63,145)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#3151b9
```
#3151b9 rgb(49,81,185)
```
#3a5bca
```
#3a5bca rgb(58,91,202)
```
#4e6cd0
```
#4e6cd0 rgb(78,108,208)
```

Monochromatic Color

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

#2c66a5
```
#2c66a5 rgb(44,102,165)
```
#2c5ca5
```
#2c5ca5 rgb(44,92,165)
```
#2c52a5
```
#2c52a5 rgb(44,82,165)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#2c3ea5
```
#2c3ea5 rgb(44,62,165)
```
#2c34a5
```
#2c34a5 rgb(44,52,165)
```
#2e2ca5
```
#2e2ca5 rgb(46,44,165)
```

Similar Colors

Text with hexadecimal color #2c48a5

This text has a font color of #2c48a5.

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

#2c48a5 background color

This paragraph has a background color of #2c48a5.

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

#2c48a5 border color

This element has a border color of #2c48a5.

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

CSS codes

.text {color:#2c48a5;}

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

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

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

#03040a
```
#03040a rgb(3,4,10)
```
#070b1a
```
#070b1a rgb(7,11,26)
```
#0b1229
```
#0b1229 rgb(11,18,41)
```
#0f1939
```
#0f1939 rgb(15,25,57)
```
#131f48
```
#131f48 rgb(19,31,72)
```
#172658
```
#172658 rgb(23,38,88)
```
#1b2d67
```
#1b2d67 rgb(27,45,103)
```
#203477
```
#203477 rgb(32,52,119)
```
#243a86
```
#243a86 rgb(36,58,134)
```
#284196
```
#284196 rgb(40,65,150)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#304fb4
```
#304fb4 rgb(48,79,180)
```
#3456c4
```
#3456c4 rgb(52,86,196)
```

Shade Color Variation

#4060cc
```
#4060cc rgb(64,96,204)
```
#4f6dd0
```
#4f6dd0 rgb(79,109,208)
```
#5f7ad4
```
#5f7ad4 rgb(95,122,212)
```
#6e87d8
```
#6e87d8 rgb(110,135,216)
```
#7e94dd
```
#7e94dd rgb(126,148,221)
```
#8da1e1
```
#8da1e1 rgb(141,161,225)
```
#9dade5
```
#9dade5 rgb(157,173,229)
```
#acbae9
```
#acbae9 rgb(172,186,233)
```
#bcc7ed
```
#bcc7ed rgb(188,199,237)
```
#cbd4f1
```
#cbd4f1 rgb(203,212,241)
```
#dbe1f5
```
#dbe1f5 rgb(219,225,245)
```
#eaeef9
```
#eaeef9 rgb(234,238,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64666d is the less saturated color, while #0432cd is the most saturated one.

#64666d
```
#64666d rgb(100,102,109)
```
#5c6275
```
#5c6275 rgb(92,98,117)
```
#545e7d
```
#545e7d rgb(84,94,125)
```
#4c5985
```
#4c5985 rgb(76,89,133)
```
#44558d
```
#44558d rgb(68,85,141)
```
#3c5195
```
#3c5195 rgb(60,81,149)
```
#344c9d
```
#344c9d rgb(52,76,157)
```
#2c48a5
```
#2c48a5 rgb(44,72,165)
```
#2444ad
```
#2444ad rgb(36,68,173)
```
#1c3fb5
```
#1c3fb5 rgb(28,63,181)
```
#143bbd
```
#143bbd rgb(20,59,189)
```
#0c37c5
```
#0c37c5 rgb(12,55,197)
```
#0432cd
```
#0432cd rgb(4,50,205)
```

Tone Color Variation

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

Dichromacy

#0055a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1050a7 Protanomaly 1% of men, 0.01% of women
#105399 Deuteranomaly 6% of men, 0.4% of women
#10587d Tritanomaly 0.01% of the population

#2c48a5 hex color

#2c48a5 Color Information

#2c48a5 Color Conversion

Color Schemes with #2c48a5

Alternatives to #2c48a5

#2c48a5 Preview

Shades and Tints of #2c48a5

Tones of #2c48a5

Color Blindness Simulator