#2c488a hex color

In a RGB color space, hex #2c488a is composed of 17.3% red, 28.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 47.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 222.1 degrees, a saturation of 51.6% and a lightness of 35.7%. #2c488a color hex could be obtained by blending #5890ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 28
- B 54
RGB color chart
- C 68
- M 48
- Y 0
- K 46
CMYK color chart

● #2c488a color description : Dark moderate blue.

The hexadecimal color #2c488a has RGB values of R:44, G:72, B:138 and CMYK values of C:0.68, M:0.48, Y:0, K:0.46. Its decimal value is 2902154.

Hex triplet	2c488a	`#2c488a`
RGB Decimal	44, 72, 138	`rgb(44,72,138)`
RGB Percent	17.3, 28.2, 54.1	`rgb(17.3%,28.2%,54.1%)`
CMYK	68, 48, 0, 46
HSL	222.1°, 51.6, 35.7	`hsl(222.1,51.6%,35.7%)`
HSV (or HSB)	222.1°, 68.1, 54.1
Web Safe	333399	`#333399`

CIE-LAB	31.818, 12.486, -39.986
XYZ	7.943, 7.005, 24.977
xyY	0.199, 0.175, 7.005
CIE-LCH	31.818, 41.89, 287.342
CIE-LUV	31.818, -11.912, -54.973
Hunter-Lab	26.466, 7.252, -37.427
Binary	00101100, 01001000, 10001010

#2c488a
```
#2c488a rgb(44,72,138)
```
#8a6e2c
```
#8a6e2c rgb(138,110,44)
```

Complementary Color

#2c778a
```
#2c778a rgb(44,119,138)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#3f2c8a
```
#3f2c8a rgb(63,44,138)
```

Analogous Color

#778a2c
```
#778a2c rgb(119,138,44)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#8a3f2c
```
#8a3f2c rgb(138,63,44)
```

Split Complementary Color

#488a2c
```
#488a2c rgb(72,138,44)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#8a2c48
```
#8a2c48 rgb(138,44,72)
```

Triadic Color

#2c8a6e
```
#2c8a6e rgb(44,138,110)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#8a2c48
```
#8a2c48 rgb(138,44,72)
```
#8a6e2c
```
#8a6e2c rgb(138,110,44)
```

Tetradic Color

#1a2a50
```
#1a2a50 rgb(26,42,80)
```
#203463
```
#203463 rgb(32,52,99)
```
#263e77
```
#263e77 rgb(38,62,119)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#32529d
```
#32529d rgb(50,82,157)
```
#385cb1
```
#385cb1 rgb(56,92,177)
```
#4067c2
```
#4067c2 rgb(64,103,194)
```

Monochromatic Color

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

#2c608a
```
#2c608a rgb(44,96,138)
```
#2c588a
```
#2c588a rgb(44,88,138)
```
#2c508a
```
#2c508a rgb(44,80,138)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#2c408a
```
#2c408a rgb(44,64,138)
```
#2c388a
```
#2c388a rgb(44,56,138)
```
#2c318a
```
#2c318a rgb(44,49,138)
```

Similar Colors

Text with hexadecimal color #2c488a

This text has a font color of #2c488a.

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

#2c488a background color

This paragraph has a background color of #2c488a.

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

#2c488a border color

This element has a border color of #2c488a.

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

CSS codes

.text {color:#2c488a;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060a13
```
#060a13 rgb(6,10,19)
```
#0b1222
```
#0b1222 rgb(11,18,34)
```
#101931
```
#101931 rgb(16,25,49)
```
#142140
```
#142140 rgb(20,33,64)
```
#19294f
```
#19294f rgb(25,41,79)
```
#1e315d
```
#1e315d rgb(30,49,93)
```
#23386c
```
#23386c rgb(35,56,108)
```
#27407b
```
#27407b rgb(39,64,123)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#315099
```
#315099 rgb(49,80,153)
```
#3558a8
```
#3558a8 rgb(53,88,168)
```
#3a5fb7
```
#3a5fb7 rgb(58,95,183)
```

Shade Color Variation

#4268c3
```
#4268c3 rgb(66,104,195)
```
#5174c7
```
#5174c7 rgb(81,116,199)
```
#6080cc
```
#6080cc rgb(96,128,204)
```
#6e8cd1
```
#6e8cd1 rgb(110,140,209)
```
#7d98d6
```
#7d98d6 rgb(125,152,214)
```
#8ca3da
```
#8ca3da rgb(140,163,218)
```
#9bafdf
```
#9bafdf rgb(155,175,223)
```
#aabbe4
```
#aabbe4 rgb(170,187,228)
```
#b9c7e9
```
#b9c7e9 rgb(185,199,233)
```
#c8d3ed
```
#c8d3ed rgb(200,211,237)
```
#d7dff2
```
#d7dff2 rgb(215,223,242)
```
#e5ebf7
```
#e5ebf7 rgb(229,235,247)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#565960
```
#565960 rgb(86,89,96)
```
#4f5667
```
#4f5667 rgb(79,86,103)
```
#48536e
```
#48536e rgb(72,83,110)
```
#415075
```
#415075 rgb(65,80,117)
```
#3a4e7c
```
#3a4e7c rgb(58,78,124)
```
#334b83
```
#334b83 rgb(51,75,131)
```
#2c488a
```
#2c488a rgb(44,72,138)
```
#254591
```
#254591 rgb(37,69,145)
```
#1e4298
```
#1e4298 rgb(30,66,152)
```
#17409f
```
#17409f rgb(23,64,159)
```
#103da6
```
#103da6 rgb(16,61,166)
```
#093aad
```
#093aad rgb(9,58,173)
```
#0237b4
```
#0237b4 rgb(2,55,180)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#325290 Protanopia 1% of men
#0f558e Deuteranopia 1% of men
#005c63 Tritanopia 0.001% of the population

Trichromacy

#2f4e8e Protanomaly 1% of men, 0.01% of women
#19508c Deuteranomaly 6% of men, 0.4% of women
#105471 Tritanomaly 0.01% of the population

#2c488a hex color

#2c488a Color Information

#2c488a Color Conversion

Color Schemes with #2c488a

Alternatives to #2c488a

#2c488a Preview

Shades and Tints of #2c488a

Tones of #2c488a

Color Blindness Simulator