#1f5aba hex color

In a RGB color space, hex #1f5aba is composed of 12.2% red, 35.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 51.6% magenta, 0% yellow and 27.1% black. It has a hue angle of 217.2 degrees, a saturation of 71.4% and a lightness of 42.5%. #1f5aba color hex could be obtained by blending #3eb4ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 35
- B 73
RGB color chart
- C 83
- M 52
- Y 0
- K 27
CMYK color chart

● #1f5aba color description : Strong blue.

The hexadecimal color #1f5aba has RGB values of R:31, G:90, B:186 and CMYK values of C:0.83, M:0.52, Y:0, K:0.27. Its decimal value is 2054842.

Hex triplet	1f5aba	`#1f5aba`
RGB Decimal	31, 90, 186	`rgb(31,90,186)`
RGB Percent	12.2, 35.3, 72.9	`rgb(12.2%,35.3%,72.9%)`
CMYK	83, 52, 0, 27
HSL	217.2°, 71.4, 42.5	`hsl(217.2,71.4%,42.5%)`
HSV (or HSB)	217.2°, 83.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.828, 17.518, -55.868
XYZ	13.082, 11.148, 47.914
xyY	0.181, 0.155, 11.148
CIE-LCH	39.828, 58.55, 287.41
CIE-LUV	39.828, -18.821, -82.177
Hunter-Lab	33.388, 11.511, -61.713
Binary	00011111, 01011010, 10111010

#1f5aba
```
#1f5aba rgb(31,90,186)
```
#ba7f1f
```
#ba7f1f rgb(186,127,31)
```

Complementary Color

#1fa8ba
```
#1fa8ba rgb(31,168,186)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#321fba
```
#321fba rgb(50,31,186)
```

Analogous Color

#a8ba1f
```
#a8ba1f rgb(168,186,31)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#ba321f
```
#ba321f rgb(186,50,31)
```

Split Complementary Color

#5aba1f
```
#5aba1f rgb(90,186,31)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#ba1f5a
```
#ba1f5a rgb(186,31,90)
```

Triadic Color

#1fba7f
```
#1fba7f rgb(31,186,127)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#ba1f5a
```
#ba1f5a rgb(186,31,90)
```
#ba7f1f
```
#ba7f1f rgb(186,127,31)
```

Tetradic Color

#143a78
```
#143a78 rgb(20,58,120)
```
#18458e
```
#18458e rgb(24,69,142)
```
#1b4fa4
```
#1b4fa4 rgb(27,79,164)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#2365d0
```
#2365d0 rgb(35,101,208)
```
#3071dc
```
#3071dc rgb(48,113,220)
```
#4580e0
```
#4580e0 rgb(69,128,224)
```

Monochromatic Color

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

#1f81ba
```
#1f81ba rgb(31,129,186)
```
#1f74ba
```
#1f74ba rgb(31,116,186)
```
#1f67ba
```
#1f67ba rgb(31,103,186)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#1f4dba
```
#1f4dba rgb(31,77,186)
```
#1f40ba
```
#1f40ba rgb(31,64,186)
```
#1f33ba
```
#1f33ba rgb(31,51,186)
```

Similar Colors

Text with hexadecimal color #1f5aba

This text has a font color of #1f5aba.

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

#1f5aba background color

This paragraph has a background color of #1f5aba.

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

#1f5aba border color

This element has a border color of #1f5aba.

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

CSS codes

.text {color:#1f5aba;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030912
```
#030912 rgb(3,9,18)
```
#061123
```
#061123 rgb(6,17,35)
```
#091933
```
#091933 rgb(9,25,51)
```
#0b2144
```
#0b2144 rgb(11,33,68)
```
#0e2955
```
#0e2955 rgb(14,41,85)
```
#113166
```
#113166 rgb(17,49,102)
```
#143977
```
#143977 rgb(20,57,119)
```
#174288
```
#174288 rgb(23,66,136)
```
#194a98
```
#194a98 rgb(25,74,152)
```
#1c52a9
```
#1c52a9 rgb(28,82,169)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#2262cb
```
#2262cb rgb(34,98,203)
```

Shade Color Variation

#256adb
```
#256adb rgb(37,106,219)
```
#3676de
```
#3676de rgb(54,118,222)
```
#4781e0
```
#4781e0 rgb(71,129,224)
```
#588de3
```
#588de3 rgb(88,141,227)
```
#6998e6
```
#6998e6 rgb(105,152,230)
```
#7aa4e9
```
#7aa4e9 rgb(122,164,233)
```
#8aafec
```
#8aafec rgb(138,175,236)
```
#9bbbee
```
#9bbbee rgb(155,187,238)
```
#acc6f1
```
#acc6f1 rgb(172,198,241)
```
#bdd2f4
```
#bdd2f4 rgb(189,210,244)
```
#ceddf7
```
#ceddf7 rgb(206,221,247)
```
#dee9fa
```
#dee9fa rgb(222,233,250)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Tint Color Variation

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

#6a6c6f
```
#6a6c6f rgb(106,108,111)
```
#626a77
```
#626a77 rgb(98,106,119)
```
#596880
```
#596880 rgb(89,104,128)
```
#516688
```
#516688 rgb(81,102,136)
```
#496490
```
#496490 rgb(73,100,144)
```
#406299
```
#406299 rgb(64,98,153)
```
#3860a1
```
#3860a1 rgb(56,96,161)
```
#305ea9
```
#305ea9 rgb(48,94,169)
```
#275cb2
```
#275cb2 rgb(39,92,178)
```
#1f5aba
```
#1f5aba rgb(31,90,186)
```
#1758c2
```
#1758c2 rgb(23,88,194)
```
#0e56cb
```
#0e56cb rgb(14,86,203)
```
#0654d3
```
#0654d3 rgb(6,84,211)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2163be Protanopia 1% of men
#0068aa Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#205fbc Protanomaly 1% of men, 0.01% of women
#0b63b0 Deuteranomaly 6% of men, 0.4% of women
#0b688f Tritanomaly 0.01% of the population

#1f5aba hex color

#1f5aba Color Information

#1f5aba Color Conversion

Color Schemes with #1f5aba

Alternatives to #1f5aba

#1f5aba Preview

Shades and Tints of #1f5aba

Tones of #1f5aba

Color Blindness Simulator