#1f5acb hex color

In a RGB color space, hex #1f5acb is composed of 12.2% red, 35.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 55.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 219.4 degrees, a saturation of 73.5% and a lightness of 45.9%. #1f5acb color hex could be obtained by blending #3eb4ff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 35
- B 80
RGB color chart
- C 85
- M 56
- Y 0
- K 20
CMYK color chart

● #1f5acb color description : Strong blue.

The hexadecimal color #1f5acb has RGB values of R:31, G:90, B:203 and CMYK values of C:0.85, M:0.56, Y:0, K:0.2. Its decimal value is 2054859.

Hex triplet	1f5acb	`#1f5acb`
RGB Decimal	31, 90, 203	`rgb(31,90,203)`
RGB Percent	12.2, 35.3, 79.6	`rgb(12.2%,35.3%,79.6%)`
CMYK	85, 56, 0, 20
HSL	219.4°, 73.5, 45.9	`hsl(219.4,73.5%,45.9%)`
HSV (or HSB)	219.4°, 84.7, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.079, 24.16, -63.719
XYZ	14.998, 11.914, 58.006
xyY	0.177, 0.14, 11.914
CIE-LCH	41.079, 68.145, 290.765
CIE-LUV	41.079, -18.528, -94.386
Hunter-Lab	34.517, 17.158, -75.475
Binary	00011111, 01011010, 11001011

#1f5acb
```
#1f5acb rgb(31,90,203)
```
#cb901f
```
#cb901f rgb(203,144,31)
```

Complementary Color

#1fb0cb
```
#1fb0cb rgb(31,176,203)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#3a1fcb
```
#3a1fcb rgb(58,31,203)
```

Analogous Color

#b0cb1f
```
#b0cb1f rgb(176,203,31)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#cb3a1f
```
#cb3a1f rgb(203,58,31)
```

Split Complementary Color

#5acb1f
```
#5acb1f rgb(90,203,31)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#cb1f5a
```
#cb1f5a rgb(203,31,90)
```

Triadic Color

#1fcb90
```
#1fcb90 rgb(31,203,144)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#cb1f5a
```
#cb1f5a rgb(203,31,90)
```
#cb901f
```
#cb901f rgb(203,144,31)
```

Tetradic Color

#153d89
```
#153d89 rgb(21,61,137)
```
#18469f
```
#18469f rgb(24,70,159)
```
#1c50b5
```
#1c50b5 rgb(28,80,181)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#2665de
```
#2665de rgb(38,101,222)
```
#3c75e1
```
#3c75e1 rgb(60,117,225)
```
#5284e5
```
#5284e5 rgb(82,132,229)
```

Monochromatic Color

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

#1f85cb
```
#1f85cb rgb(31,133,203)
```
#1f77cb
```
#1f77cb rgb(31,119,203)
```
#1f68cb
```
#1f68cb rgb(31,104,203)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#1f4ccb
```
#1f4ccb rgb(31,76,203)
```
#1f3dcb
```
#1f3dcb rgb(31,61,203)
```
#1f2fcb
```
#1f2fcb rgb(31,47,203)
```

Similar Colors

Text with hexadecimal color #1f5acb

This text has a font color of #1f5acb.

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

#1f5acb background color

This paragraph has a background color of #1f5acb.

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

#1f5acb border color

This element has a border color of #1f5acb.

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

CSS codes

.text {color:#1f5acb;}

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

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

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

#020710
```
#020710 rgb(2,7,16)
```
#050f21
```
#050f21 rgb(5,15,33)
```
#081632
```
#081632 rgb(8,22,50)
```
#0a1e43
```
#0a1e43 rgb(10,30,67)
```
#0d2554
```
#0d2554 rgb(13,37,84)
```
#0f2d65
```
#0f2d65 rgb(15,45,101)
```
#123476
```
#123476 rgb(18,52,118)
```
#153c87
```
#153c87 rgb(21,60,135)
```
#174398
```
#174398 rgb(23,67,152)
```
#1a4ba9
```
#1a4ba9 rgb(26,75,169)
```
#1c52ba
```
#1c52ba rgb(28,82,186)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#2262dc
```
#2262dc rgb(34,98,220)
```

Shade Color Variation

#326de0
```
#326de0 rgb(50,109,224)
```
#4379e2
```
#4379e2 rgb(67,121,226)
```
#5485e5
```
#5485e5 rgb(84,133,229)
```
#6592e7
```
#6592e7 rgb(101,146,231)
```
#769eea
```
#769eea rgb(118,158,234)
```
#87aaed
```
#87aaed rgb(135,170,237)
```
#98b6ef
```
#98b6ef rgb(152,182,239)
```
#a9c2f2
```
#a9c2f2 rgb(169,194,242)
```
#bacef4
```
#bacef4 rgb(186,206,244)
```
#cbdaf7
```
#cbdaf7 rgb(203,218,247)
```
#dce6fa
```
#dce6fa rgb(220,230,250)
```
#edf2fc
```
#edf2fc rgb(237,242,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70737a is the less saturated color, while #0452e6 is the most saturated one.

#70737a
```
#70737a rgb(112,115,122)
```
#677183
```
#677183 rgb(103,113,131)
```
#5e6e8c
```
#5e6e8c rgb(94,110,140)
```
#556b95
```
#556b95 rgb(85,107,149)
```
#4c689e
```
#4c689e rgb(76,104,158)
```
#4365a7
```
#4365a7 rgb(67,101,167)
```
#3a62b0
```
#3a62b0 rgb(58,98,176)
```
#3160b9
```
#3160b9 rgb(49,96,185)
```
#285dc2
```
#285dc2 rgb(40,93,194)
```
#1f5acb
```
#1f5acb rgb(31,90,203)
```
#1657d4
```
#1657d4 rgb(22,87,212)
```
#0d54dd
```
#0d54dd rgb(13,84,221)
```
#0452e6
```
#0452e6 rgb(4,82,230)
```

Tone Color Variation

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

Dichromacy

#0065c7 Protanopia 1% of men
#006bae Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0b61c8 Protanomaly 1% of men, 0.01% of women
#0b65b8 Deuteranomaly 6% of men, 0.4% of women
#0b6a97 Tritanomaly 0.01% of the population

#1f5acb hex color

#1f5acb Color Information

#1f5acb Color Conversion

Color Schemes with #1f5acb

Alternatives to #1f5acb

#1f5acb Preview

Shades and Tints of #1f5acb

Tones of #1f5acb

Color Blindness Simulator