#1f5ca3 hex color

In a RGB color space, hex #1f5ca3 is composed of 12.2% red, 36.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 43.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 212.3 degrees, a saturation of 68% and a lightness of 38%. #1f5ca3 color hex could be obtained by blending #3eb8ff with #000047. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 36
- B 64
RGB color chart
- C 81
- M 44
- Y 0
- K 36
CMYK color chart

● #1f5ca3 color description : Dark blue.

The hexadecimal color #1f5ca3 has RGB values of R:31, G:92, B:163 and CMYK values of C:0.81, M:0.44, Y:0, K:0.36. Its decimal value is 2055331.

Hex triplet	1f5ca3	`#1f5ca3`
RGB Decimal	31, 92, 163	`rgb(31,92,163)`
RGB Percent	12.2, 36.1, 63.9	`rgb(12.2%,36.1%,63.9%)`
CMYK	81, 44, 0, 36
HSL	212.3°, 68, 38	`hsl(212.3,68%,38%)`
HSV (or HSB)	212.3°, 81, 63.9
Web Safe	336699	`#336699`

CIE-LAB	38.88, 7.124, -43.82
XYZ	11.002, 10.589, 36.112
xyY	0.191, 0.184, 10.589
CIE-LCH	38.88, 44.396, 279.234
CIE-LUV	38.88, -20.037, -63.553
Hunter-Lab	32.541, 3.402, -43.019
Binary	00011111, 01011100, 10100011

#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#a3661f
```
#a3661f rgb(163,102,31)
```

Complementary Color

#1f9ea3
```
#1f9ea3 rgb(31,158,163)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#241fa3
```
#241fa3 rgb(36,31,163)
```

Analogous Color

#9ea31f
```
#9ea31f rgb(158,163,31)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#a3241f
```
#a3241f rgb(163,36,31)
```

Split Complementary Color

#5ca31f
```
#5ca31f rgb(92,163,31)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#a31f5c
```
#a31f5c rgb(163,31,92)
```

Triadic Color

#1fa366
```
#1fa366 rgb(31,163,102)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#a31f5c
```
#a31f5c rgb(163,31,92)
```
#a3661f
```
#a3661f rgb(163,102,31)
```

Tetradic Color

#133863
```
#133863 rgb(19,56,99)
```
#174478
```
#174478 rgb(23,68,120)
```
#1b508e
```
#1b508e rgb(27,80,142)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#2368b8
```
#2368b8 rgb(35,104,184)
```
#2774ce
```
#2774ce rgb(39,116,206)
```
#3681d9
```
#3681d9 rgb(54,129,217)
```

Monochromatic Color

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

#1f7da3
```
#1f7da3 rgb(31,125,163)
```
#1f72a3
```
#1f72a3 rgb(31,114,163)
```
#1f67a3
```
#1f67a3 rgb(31,103,163)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#1f51a3
```
#1f51a3 rgb(31,81,163)
```
#1f46a3
```
#1f46a3 rgb(31,70,163)
```
#1f3ba3
```
#1f3ba3 rgb(31,59,163)
```

Similar Colors

Text with hexadecimal color #1f5ca3

This text has a font color of #1f5ca3.

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

#1f5ca3 background color

This paragraph has a background color of #1f5ca3.

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

#1f5ca3 border color

This element has a border color of #1f5ca3.

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

CSS codes

.text {color:#1f5ca3;}

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

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

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, #03080f is the darkest color, while #fdfeff is the lightest one.

#03080f
```
#03080f rgb(3,8,15)
```
#06121f
```
#06121f rgb(6,18,31)
```
#091b30
```
#091b30 rgb(9,27,48)
```
#0c2440
```
#0c2440 rgb(12,36,64)
```
#0f2d51
```
#0f2d51 rgb(15,45,81)
```
#123761
```
#123761 rgb(18,55,97)
```
#164072
```
#164072 rgb(22,64,114)
```
#194982
```
#194982 rgb(25,73,130)
```
#1c5393
```
#1c5393 rgb(28,83,147)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#2265b3
```
#2265b3 rgb(34,101,179)
```
#256fc4
```
#256fc4 rgb(37,111,196)
```
#2878d4
```
#2878d4 rgb(40,120,212)
```

Shade Color Variation

#3782d9
```
#3782d9 rgb(55,130,217)
```
#488cdc
```
#488cdc rgb(72,140,220)
```
#5897df
```
#5897df rgb(88,151,223)
```
#69a1e2
```
#69a1e2 rgb(105,161,226)
```
#79abe6
```
#79abe6 rgb(121,171,230)
```
#8ab6e9
```
#8ab6e9 rgb(138,182,233)
```
#9ac0ec
```
#9ac0ec rgb(154,192,236)
```
#abcaef
```
#abcaef rgb(171,202,239)
```
#bbd5f2
```
#bbd5f2 rgb(187,213,242)
```
#ccdff5
```
#ccdff5 rgb(204,223,245)
```
#dce9f8
```
#dce9f8 rgb(220,233,248)
```
#edf4fc
```
#edf4fc rgb(237,244,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6167 is the less saturated color, while #015ac1 is the most saturated one.

#5b6167
```
#5b6167 rgb(91,97,103)
```
#53606f
```
#53606f rgb(83,96,111)
```
#4c5f76
```
#4c5f76 rgb(76,95,118)
```
#445f7e
```
#445f7e rgb(68,95,126)
```
#3d5e85
```
#3d5e85 rgb(61,94,133)
```
#355e8d
```
#355e8d rgb(53,94,141)
```
#2e5d94
```
#2e5d94 rgb(46,93,148)
```
#265d9c
```
#265d9c rgb(38,93,156)
```
#1f5ca3
```
#1f5ca3 rgb(31,92,163)
```
#185baa
```
#185baa rgb(24,91,170)
```
#105bb2
```
#105bb2 rgb(16,91,178)
```
#095ab9
```
#095ab9 rgb(9,90,185)
```
#015ac1
```
#015ac1 rgb(1,90,193)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4261a5 Protanopia 1% of men
#1e65a7 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#355fa4 Protanomaly 1% of men, 0.01% of women
#1e62a5 Deuteranomaly 6% of men, 0.4% of women
#0b6785 Tritanomaly 0.01% of the population

#1f5ca3 hex color

#1f5ca3 Color Information

#1f5ca3 Color Conversion

Color Schemes with #1f5ca3

Alternatives to #1f5ca3

#1f5ca3 Preview

Shades and Tints of #1f5ca3

Tones of #1f5ca3

Color Blindness Simulator