#1f5bc4 hex color

In a RGB color space, hex #1f5bc4 is composed of 12.2% red, 35.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 53.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 218.2 degrees, a saturation of 72.7% and a lightness of 44.5%. #1f5bc4 color hex could be obtained by blending #3eb6ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 36
- B 77
RGB color chart
- C 84
- M 54
- Y 0
- K 23
CMYK color chart

● #1f5bc4 color description : Strong blue.

The hexadecimal color #1f5bc4 has RGB values of R:31, G:91, B:196 and CMYK values of C:0.84, M:0.54, Y:0, K:0.23. Its decimal value is 2055108.

Hex triplet	1f5bc4	`#1f5bc4`
RGB Decimal	31, 91, 196	`rgb(31,91,196)`
RGB Percent	12.2, 35.7, 76.9	`rgb(12.2%,35.7%,76.9%)`
CMYK	84, 54, 0, 23
HSL	218.2°, 72.7, 44.5	`hsl(218.2,72.7%,44.5%)`
HSV (or HSB)	218.2°, 84.2, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.829, 20.78, -60.074
XYZ	14.268, 11.758, 53.739
xyY	0.179, 0.147, 11.758
CIE-LCH	40.829, 63.567, 289.081
CIE-LUV	40.829, -18.916, -88.949
Hunter-Lab	34.29, 14.266, -68.917
Binary	00011111, 01011011, 11000100

#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#c4881f
```
#c4881f rgb(196,136,31)
```

Complementary Color

#1faec4
```
#1faec4 rgb(31,174,196)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#361fc4
```
#361fc4 rgb(54,31,196)
```

Analogous Color

#aec41f
```
#aec41f rgb(174,196,31)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#c4361f
```
#c4361f rgb(196,54,31)
```

Split Complementary Color

#5bc41f
```
#5bc41f rgb(91,196,31)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#c41f5b
```
#c41f5b rgb(196,31,91)
```

Triadic Color

#1fc488
```
#1fc488 rgb(31,196,136)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#c41f5b
```
#c41f5b rgb(196,31,91)
```
#c4881f
```
#c4881f rgb(196,136,31)
```

Tetradic Color

#153c82
```
#153c82 rgb(21,60,130)
```
#184798
```
#184798 rgb(24,71,152)
```
#1c51ae
```
#1c51ae rgb(28,81,174)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#2265da
```
#2265da rgb(34,101,218)
```
#3774df
```
#3774df rgb(55,116,223)
```
#4d83e3
```
#4d83e3 rgb(77,131,227)
```

Monochromatic Color

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

#1f84c4
```
#1f84c4 rgb(31,132,196)
```
#1f77c4
```
#1f77c4 rgb(31,119,196)
```
#1f69c4
```
#1f69c4 rgb(31,105,196)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#1f4dc4
```
#1f4dc4 rgb(31,77,196)
```
#1f40c4
```
#1f40c4 rgb(31,64,196)
```
#1f32c4
```
#1f32c4 rgb(31,50,196)
```

Similar Colors

Text with hexadecimal color #1f5bc4

This text has a font color of #1f5bc4.

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

#1f5bc4 background color

This paragraph has a background color of #1f5bc4.

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

#1f5bc4 border color

This element has a border color of #1f5bc4.

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

CSS codes

.text {color:#1f5bc4;}

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

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

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 #f8fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#040c1b
```
#040c1b rgb(4,12,27)
```
#07142c
```
#07142c rgb(7,20,44)
```
#0a1c3d
```
#0a1c3d rgb(10,28,61)
```
#0c244d
```
#0c244d rgb(12,36,77)
```
#0f2c5e
```
#0f2c5e rgb(15,44,94)
```
#12346f
```
#12346f rgb(18,52,111)
```
#143c80
```
#143c80 rgb(20,60,128)
```
#174391
```
#174391 rgb(23,67,145)
```
#1a4ba2
```
#1a4ba2 rgb(26,75,162)
```
#1c53b3
```
#1c53b3 rgb(28,83,179)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#2263d5
```
#2263d5 rgb(34,99,213)
```

Shade Color Variation

#2d6dde
```
#2d6dde rgb(45,109,222)
```
#3d79e0
```
#3d79e0 rgb(61,121,224)
```
#4e84e3
```
#4e84e3 rgb(78,132,227)
```
#5f90e6
```
#5f90e6 rgb(95,144,230)
```
#709ce8
```
#709ce8 rgb(112,156,232)
```
#81a8eb
```
#81a8eb rgb(129,168,235)
```
#92b3ee
```
#92b3ee rgb(146,179,238)
```
#a3bff0
```
#a3bff0 rgb(163,191,240)
```
#b4cbf3
```
#b4cbf3 rgb(180,203,243)
```
#c5d7f6
```
#c5d7f6 rgb(197,215,246)
```
#d6e2f8
```
#d6e2f8 rgb(214,226,248)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7075 is the less saturated color, while #0554de is the most saturated one.

#6e7075
```
#6e7075 rgb(110,112,117)
```
#656e7e
```
#656e7e rgb(101,110,126)
```
#5c6c87
```
#5c6c87 rgb(92,108,135)
```
#536990
```
#536990 rgb(83,105,144)
```
#4b6798
```
#4b6798 rgb(75,103,152)
```
#4265a1
```
#4265a1 rgb(66,101,161)
```
#3962aa
```
#3962aa rgb(57,98,170)
```
#3060b3
```
#3060b3 rgb(48,96,179)
```
#285dbb
```
#285dbb rgb(40,93,187)
```
#1f5bc4
```
#1f5bc4 rgb(31,91,196)
```
#1659cd
```
#1659cd rgb(22,89,205)
```
#0e56d5
```
#0e56d5 rgb(14,86,213)
```
#0554de
```
#0554de rgb(5,84,222)
```

Tone Color Variation

Below, you can see how #1f5bc4 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
#4a566b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006aae Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#0b61c5 Protanomaly 1% of men, 0.01% of women
#0b65b6 Deuteranomaly 6% of men, 0.4% of women
#0b6a94 Tritanomaly 0.01% of the population

#1f5bc4 hex color

#1f5bc4 Color Information

#1f5bc4 Color Conversion

Color Schemes with #1f5bc4

Alternatives to #1f5bc4

#1f5bc4 Preview

Shades and Tints of #1f5bc4

Tones of #1f5bc4

Color Blindness Simulator