#1c5fb4 hex color

In a RGB color space, hex #1c5fb4 is composed of 11% red, 37.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 47.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 213.6 degrees, a saturation of 73.1% and a lightness of 40.8%. #1c5fb4 color hex could be obtained by blending #38beff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 11
- G 37
- B 71
RGB color chart
- C 84
- M 47
- Y 0
- K 29
CMYK color chart

● #1c5fb4 color description : Strong blue.

The hexadecimal color #1c5fb4 has RGB values of R:28, G:95, B:180 and CMYK values of C:0.84, M:0.47, Y:0, K:0.29. Its decimal value is 1859508.

Hex triplet	1c5fb4	`#1c5fb4`
RGB Decimal	28, 95, 180	`rgb(28,95,180)`
RGB Percent	11, 37.3, 70.6	`rgb(11%,37.3%,70.6%)`
CMYK	84, 47, 0, 29
HSL	213.6°, 73.1, 40.8	`hsl(213.6,73.1%,40.8%)`
HSV (or HSB)	213.6°, 84.4, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.776, 11.611, -50.826
XYZ	12.807, 11.726, 44.766
xyY	0.185, 0.169, 11.726
CIE-LCH	40.776, 52.135, 282.868
CIE-LUV	40.776, -20.794, -75.065
Hunter-Lab	34.243, 6.839, -53.541
Binary	00011100, 01011111, 10110100

#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#b4711c
```
#b4711c rgb(180,113,28)
```

Complementary Color

#1cabb4
```
#1cabb4 rgb(28,171,180)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#251cb4
```
#251cb4 rgb(37,28,180)
```

Analogous Color

#abb41c
```
#abb41c rgb(171,180,28)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#b4251c
```
#b4251c rgb(180,37,28)
```

Split Complementary Color

#5fb41c
```
#5fb41c rgb(95,180,28)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#b41c5f
```
#b41c5f rgb(180,28,95)
```

Triadic Color

#1cb471
```
#1cb471 rgb(28,180,113)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#b41c5f
```
#b41c5f rgb(180,28,95)
```
#b4711c
```
#b4711c rgb(180,113,28)
```

Tetradic Color

#123c72
```
#123c72 rgb(18,60,114)
```
#154888
```
#154888 rgb(21,72,136)
```
#19539e
```
#19539e rgb(25,83,158)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#1f6bca
```
#1f6bca rgb(31,107,202)
```
#2677dd
```
#2677dd rgb(38,119,221)
```
#3c84e1
```
#3c84e1 rgb(60,132,225)
```

Monochromatic Color

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

#1c85b4
```
#1c85b4 rgb(28,133,180)
```
#1c78b4
```
#1c78b4 rgb(28,120,180)
```
#1c6cb4
```
#1c6cb4 rgb(28,108,180)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#1c52b4
```
#1c52b4 rgb(28,82,180)
```
#1c46b4
```
#1c46b4 rgb(28,70,180)
```
#1c39b4
```
#1c39b4 rgb(28,57,180)
```

Similar Colors

Text with hexadecimal color #1c5fb4

This text has a font color of #1c5fb4.

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

#1c5fb4 background color

This paragraph has a background color of #1c5fb4.

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

#1c5fb4 border color

This element has a border color of #1c5fb4.

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

CSS codes

.text {color:#1c5fb4;}

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

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

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

#02050a
```
#02050a rgb(2,5,10)
```
#040e1b
```
#040e1b rgb(4,14,27)
```
#07172c
```
#07172c rgb(7,23,44)
```
#0a203d
```
#0a203d rgb(10,32,61)
```
#0c294e
```
#0c294e rgb(12,41,78)
```
#0f325f
```
#0f325f rgb(15,50,95)
```
#113b70
```
#113b70 rgb(17,59,112)
```
#144481
```
#144481 rgb(20,68,129)
```
#174d92
```
#174d92 rgb(23,77,146)
```
#1956a3
```
#1956a3 rgb(25,86,163)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#1f68c5
```
#1f68c5 rgb(31,104,197)
```
#2171d6
```
#2171d6 rgb(33,113,214)
```

Shade Color Variation

#2d7bde
```
#2d7bde rgb(45,123,222)
```
#3e86e1
```
#3e86e1 rgb(62,134,225)
```
#4f90e4
```
#4f90e4 rgb(79,144,228)
```
#609be6
```
#609be6 rgb(96,155,230)
```
#70a6e9
```
#70a6e9 rgb(112,166,233)
```
#81b0eb
```
#81b0eb rgb(129,176,235)
```
#92bbee
```
#92bbee rgb(146,187,238)
```
#a3c5f1
```
#a3c5f1 rgb(163,197,241)
```
#b4d0f3
```
#b4d0f3 rgb(180,208,243)
```
#c5dbf6
```
#c5dbf6 rgb(197,219,246)
```
#d6e5f9
```
#d6e5f9 rgb(214,229,249)
```
#e7f0fb
```
#e7f0fb rgb(231,240,251)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64686c is the less saturated color, while #045ccc is the most saturated one.

#64686c
```
#64686c rgb(100,104,108)
```
#5c6774
```
#5c6774 rgb(92,103,116)
```
#54667c
```
#54667c rgb(84,102,124)
```
#4c6584
```
#4c6584 rgb(76,101,132)
```
#44648c
```
#44648c rgb(68,100,140)
```
#3c6394
```
#3c6394 rgb(60,99,148)
```
#34629c
```
#34629c rgb(52,98,156)
```
#2c61a4
```
#2c61a4 rgb(44,97,164)
```
#2460ac
```
#2460ac rgb(36,96,172)
```
#1c5fb4
```
#1c5fb4 rgb(28,95,180)
```
#145ebc
```
#145ebc rgb(20,94,188)
```
#0c5dc4
```
#0c5dc4 rgb(12,93,196)
```
#045ccc
```
#045ccc rgb(4,92,204)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a5768 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3965b6 Protanopia 1% of men
#006ab0 Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2f63b5 Protanomaly 1% of men, 0.01% of women
#0a66b1 Deuteranomaly 6% of men, 0.4% of women
#0a6b8e Tritanomaly 0.01% of the population

#1c5fb4 hex color

#1c5fb4 Color Information

#1c5fb4 Color Conversion

Color Schemes with #1c5fb4

Alternatives to #1c5fb4

#1c5fb4 Preview

Shades and Tints of #1c5fb4

Tones of #1c5fb4

Color Blindness Simulator