colorhexa.com

#1c488a hex color

In a RGB color space, hex #1c488a is composed of 11% red, 28.2% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 47.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 216 degrees, a saturation of 66.3% and a lightness of 32.5%. #1c488a color hex could be obtained by blending #3890ff with #000015. Closest websafe color is: #333399.

- R 11
- G 28
- B 54
RGB color chart
- C 80
- M 48
- Y 0
- K 46
CMYK color chart

● #1c488a color description : Dark blue.

The hexadecimal color #1c488a has RGB values of R:28, G:72, B:138 and CMYK values of C:0.8, M:0.48, Y:0, K:0.46. Its decimal value is 1853578.

Hex triplet	1c488a	`#1c488a`
RGB Decimal	28, 72, 138	`rgb(28,72,138)`
RGB Percent	11, 28.2, 54.1	`rgb(11%,28.2%,54.1%)`
CMYK	80, 48, 0, 46
HSL	216°, 66.3, 32.5	`hsl(216,66.3%,32.5%)`
HSV (or HSB)	216°, 79.7, 54.1
Web Safe	333399	`#333399`

CIE-LAB	31.151, 10.096, -41.092
XYZ	7.383, 6.716, 24.951
xyY	0.189, 0.172, 6.716
CIE-LCH	31.151, 42.314, 283.804
CIE-LUV	31.151, -14.76, -55.884
Hunter-Lab	25.915, 5.499, -38.942
Binary	00011100, 01001000, 10001010

#1c488a
```
#1c488a rgb(28,72,138)
```
#8a5e1c
```
#8a5e1c rgb(138,94,28)
```

Complementary Color

#1c7f8a
```
#1c7f8a rgb(28,127,138)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#271c8a
```
#271c8a rgb(39,28,138)
```

Analogous Color

#7f8a1c
```
#7f8a1c rgb(127,138,28)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#8a271c
```
#8a271c rgb(138,39,28)
```

Split Complementary Color

#488a1c
```
#488a1c rgb(72,138,28)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#8a1c48
```
#8a1c48 rgb(138,28,72)
```

Triadic Color

#0f274a
```
#0f274a rgb(15,39,74)
```
#133260
```
#133260 rgb(19,50,96)
```
#183d75
```
#183d75 rgb(24,61,117)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#20539f
```
#20539f rgb(32,83,159)
```
#255eb4
```
#255eb4 rgb(37,94,180)
```
#2969ca
```
#2969ca rgb(41,105,202)
```

Monochromatic Color

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

#1c648a
```
#1c648a rgb(28,100,138)
```
#1c5a8a
```
#1c5a8a rgb(28,90,138)
```
#1c518a
```
#1c518a rgb(28,81,138)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#1c3f8a
```
#1c3f8a rgb(28,63,138)
```
#1c368a
```
#1c368a rgb(28,54,138)
```
#1c2c8a
```
#1c2c8a rgb(28,44,138)
```

Similar Colors

Text with hexadecimal color #1c488a

This text has a font color of #1c488a.

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

#1c488a background color

This paragraph has a background color of #1c488a.

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

#1c488a border color

This element has a border color of #1c488a.

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

CSS codes

.text {color:#1c488a;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050c18
```
#050c18 rgb(5,12,24)
```
#081528
```
#081528 rgb(8,21,40)
```
#0b1d38
```
#0b1d38 rgb(11,29,56)
```
#0f2649
```
#0f2649 rgb(15,38,73)
```
#122e59
```
#122e59 rgb(18,46,89)
```
#153769
```
#153769 rgb(21,55,105)
```
#193f7a
```
#193f7a rgb(25,63,122)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#1f519a
```
#1f519a rgb(31,81,154)
```
#2359ab
```
#2359ab rgb(35,89,171)
```
#2662bb
```
#2662bb rgb(38,98,187)
```
#296acb
```
#296acb rgb(41,106,203)
```

Shade Color Variation

#3374d6
```
#3374d6 rgb(51,116,214)
```
#437fd9
```
#437fd9 rgb(67,127,217)
```
#538adc
```
#538adc rgb(83,138,220)
```
#6395df
```
#6395df rgb(99,149,223)
```
#74a0e3
```
#74a0e3 rgb(116,160,227)
```
#84abe6
```
#84abe6 rgb(132,171,230)
```
#94b6e9
```
#94b6e9 rgb(148,182,233)
```
#a5c1ed
```
#a5c1ed rgb(165,193,237)
```
#b5cdf0
```
#b5cdf0 rgb(181,205,240)
```
#c5d8f3
```
#c5d8f3 rgb(197,216,243)
```
#d6e3f7
```
#d6e3f7 rgb(214,227,247)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5257 is the less saturated color, while #0243a4 is the most saturated one.

#4f5257
```
#4f5257 rgb(79,82,87)
```
#49515d
```
#49515d rgb(73,81,93)
```
#425064
```
#425064 rgb(66,80,100)
```
#3c4e6a
```
#3c4e6a rgb(60,78,106)
```
#364d70
```
#364d70 rgb(54,77,112)
```
#2f4c77
```
#2f4c77 rgb(47,76,119)
```
#294b7d
```
#294b7d rgb(41,75,125)
```
#224984
```
#224984 rgb(34,73,132)
```
#1c488a
```
#1c488a rgb(28,72,138)
```
#164790
```
#164790 rgb(22,71,144)
```
#0f4597
```
#0f4597 rgb(15,69,151)
```
#09449d
```
#09449d rgb(9,68,157)
```
#0243a4
```
#0243a4 rgb(2,67,164)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3a4350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f508f Protanopia 1% of men
#00548b Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#284d8d Protanomaly 1% of men, 0.01% of women
#0a4f8b Deuteranomaly 6% of men, 0.4% of women
#0a546f Tritanomaly 0.01% of the population