#1f5fb0 hex color

In a RGB color space, hex #1f5fb0 is composed of 12.2% red, 37.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 46% magenta, 0% yellow and 31% black. It has a hue angle of 213.5 degrees, a saturation of 70% and a lightness of 40.6%. #1f5fb0 color hex could be obtained by blending #3ebeff with #000061. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 37
- B 69
RGB color chart
- C 82
- M 46
- Y 0
- K 31
CMYK color chart

● #1f5fb0 color description : Dark blue.

The hexadecimal color #1f5fb0 has RGB values of R:31, G:95, B:176 and CMYK values of C:0.82, M:0.46, Y:0, K:0.31. Its decimal value is 2056112.

Hex triplet	1f5fb0	`#1f5fb0`
RGB Decimal	31, 95, 176	`rgb(31,95,176)`
RGB Percent	12.2, 37.3, 69	`rgb(12.2%,37.3%,69%)`
CMYK	82, 46, 0, 31
HSL	213.5°, 70, 40.6	`hsl(213.5,70%,40.6%)`
HSV (or HSB)	213.5°, 82.4, 69
Web Safe	336699	`#336699`

CIE-LAB	40.588, 10.3, -48.774
XYZ	12.492, 11.609, 42.654
xyY	0.187, 0.174, 11.609
CIE-LCH	40.588, 49.85, 281.924
CIE-LUV	40.588, -20.582, -71.873
Hunter-Lab	34.072, 5.817, -50.373
Binary	00011111, 01011111, 10110000

#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#b0701f
```
#b0701f rgb(176,112,31)
```

Complementary Color

#1fa8b0
```
#1fa8b0 rgb(31,168,176)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#271fb0
```
#271fb0 rgb(39,31,176)
```

Analogous Color

#a8b01f
```
#a8b01f rgb(168,176,31)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#b0271f
```
#b0271f rgb(176,39,31)
```

Split Complementary Color

#5fb01f
```
#5fb01f rgb(95,176,31)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#b01f5f
```
#b01f5f rgb(176,31,95)
```

Triadic Color

#1fb070
```
#1fb070 rgb(31,176,112)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#b01f5f
```
#b01f5f rgb(176,31,95)
```
#b0701f
```
#b0701f rgb(176,112,31)
```

Tetradic Color

#143c6f
```
#143c6f rgb(20,60,111)
```
#174885
```
#174885 rgb(23,72,133)
```
#1b539a
```
#1b539a rgb(27,83,154)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#236bc6
```
#236bc6 rgb(35,107,198)
```
#2977d9
```
#2977d9 rgb(41,119,217)
```
#3e84dd
```
#3e84dd rgb(62,132,221)
```

Monochromatic Color

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

#1f83b0
```
#1f83b0 rgb(31,131,176)
```
#1f77b0
```
#1f77b0 rgb(31,119,176)
```
#1f6bb0
```
#1f6bb0 rgb(31,107,176)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#1f53b0
```
#1f53b0 rgb(31,83,176)
```
#1f47b0
```
#1f47b0 rgb(31,71,176)
```
#1f3bb0
```
#1f3bb0 rgb(31,59,176)
```

Similar Colors

Text with hexadecimal color #1f5fb0

This text has a font color of #1f5fb0.

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

#1f5fb0 background color

This paragraph has a background color of #1f5fb0.

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

#1f5fb0 border color

This element has a border color of #1f5fb0.

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

CSS codes

.text {color:#1f5fb0;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#050e1a
```
#050e1a rgb(5,14,26)
```
#07172b
```
#07172b rgb(7,23,43)
```
#0a203b
```
#0a203b rgb(10,32,59)
```
#0d294c
```
#0d294c rgb(13,41,76)
```
#10325d
```
#10325d rgb(16,50,93)
```
#133b6d
```
#133b6d rgb(19,59,109)
```
#16447e
```
#16447e rgb(22,68,126)
```
#194d8f
```
#194d8f rgb(25,77,143)
```
#1c569f
```
#1c569f rgb(28,86,159)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#2268c1
```
#2268c1 rgb(34,104,193)
```
#2571d1
```
#2571d1 rgb(37,113,209)
```

Shade Color Variation

#2f7bda
```
#2f7bda rgb(47,123,218)
```
#4086dd
```
#4086dd rgb(64,134,221)
```
#5190e0
```
#5190e0 rgb(81,144,224)
```
#619be3
```
#619be3 rgb(97,155,227)
```
#72a5e6
```
#72a5e6 rgb(114,165,230)
```
#83b0e9
```
#83b0e9 rgb(131,176,233)
```
#93bbec
```
#93bbec rgb(147,187,236)
```
#a4c5ef
```
#a4c5ef rgb(164,197,239)
```
#b5d0f2
```
#b5d0f2 rgb(181,208,242)
```
#c6daf5
```
#c6daf5 rgb(198,218,245)
```
#d6e5f8
```
#d6e5f8 rgb(214,229,248)
```
#e7f0fb
```
#e7f0fb rgb(231,240,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676768 is the less saturated color, while #075cc8 is the most saturated one.

#676768
```
#676768 rgb(103,103,104)
```
#5f6670
```
#5f6670 rgb(95,102,112)
```
#576678
```
#576678 rgb(87,102,120)
```
#4f6580
```
#4f6580 rgb(79,101,128)
```
#476488
```
#476488 rgb(71,100,136)
```
#3f6390
```
#3f6390 rgb(63,99,144)
```
#376298
```
#376298 rgb(55,98,152)
```
#2f61a0
```
#2f61a0 rgb(47,97,160)
```
#2760a8
```
#2760a8 rgb(39,96,168)
```
#1f5fb0
```
#1f5fb0 rgb(31,95,176)
```
#175eb8
```
#175eb8 rgb(23,94,184)
```
#0f5dc0
```
#0f5dc0 rgb(15,93,192)
```
#075cc8
```
#075cc8 rgb(7,92,200)
```

Tone Color Variation

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

Dichromacy

#3e65b2 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#3263b1 Protanomaly 1% of men, 0.01% of women
#0b65af Deuteranomaly 6% of men, 0.4% of women
#0b6b8d Tritanomaly 0.01% of the population

#1f5fb0 hex color

#1f5fb0 Color Information

#1f5fb0 Color Conversion

Color Schemes with #1f5fb0

Alternatives to #1f5fb0

#1f5fb0 Preview

Shades and Tints of #1f5fb0

Tones of #1f5fb0

Color Blindness Simulator