#1f5a9b hex color

In a RGB color space, hex #1f5a9b is composed of 12.2% red, 35.3% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 41.9% magenta, 0% yellow and 39.2% black. It has a hue angle of 211.5 degrees, a saturation of 66.7% and a lightness of 36.5%. #1f5a9b color hex could be obtained by blending #3eb4ff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 35
- B 61
RGB color chart
- C 80
- M 42
- Y 0
- K 39
CMYK color chart

● #1f5a9b color description : Dark blue.

The hexadecimal color #1f5a9b has RGB values of R:31, G:90, B:155 and CMYK values of C:0.8, M:0.42, Y:0, K:0.39. Its decimal value is 2054811.

Hex triplet	1f5a9b	`#1f5a9b`
RGB Decimal	31, 90, 155	`rgb(31,90,155)`
RGB Percent	12.2, 35.3, 60.8	`rgb(12.2%,35.3%,60.8%)`
CMYK	80, 42, 0, 39
HSL	211.5°, 66.7, 36.5	`hsl(211.5,66.7%,36.5%)`
HSV (or HSB)	211.5°, 80, 60.8
Web Safe	336699	`#336699`

CIE-LAB	37.787, 5.268, -40.785
XYZ	10.136, 9.969, 32.399
xyY	0.193, 0.19, 9.969
CIE-LCH	37.787, 41.124, 277.36
CIE-LUV	37.787, -19.649, -58.477
Hunter-Lab	31.574, 2.049, -38.736
Binary	00011111, 01011010, 10011011

#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#9b601f
```
#9b601f rgb(155,96,31)
```

Complementary Color

#1f989b
```
#1f989b rgb(31,152,155)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#221f9b
```
#221f9b rgb(34,31,155)
```

Analogous Color

#989b1f
```
#989b1f rgb(152,155,31)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#9b221f
```
#9b221f rgb(155,34,31)
```

Split Complementary Color

#5a9b1f
```
#5a9b1f rgb(90,155,31)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#9b1f5a
```
#9b1f5a rgb(155,31,90)
```

Triadic Color

#1f9b60
```
#1f9b60 rgb(31,155,96)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#9b1f5a
```
#9b1f5a rgb(155,31,90)
```
#9b601f
```
#9b601f rgb(155,96,31)
```

Tetradic Color

#12355b
```
#12355b rgb(18,53,91)
```
#174171
```
#174171 rgb(23,65,113)
```
#1b4e86
```
#1b4e86 rgb(27,78,134)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#2366b0
```
#2366b0 rgb(35,102,176)
```
#2873c6
```
#2873c6 rgb(40,115,198)
```
#317fd6
```
#317fd6 rgb(49,127,214)
```

Monochromatic Color

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

#1f799b
```
#1f799b rgb(31,121,155)
```
#1f6f9b
```
#1f6f9b rgb(31,111,155)
```
#1f649b
```
#1f649b rgb(31,100,155)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#1f509b
```
#1f509b rgb(31,80,155)
```
#1f459b
```
#1f459b rgb(31,69,155)
```
#1f3b9b
```
#1f3b9b rgb(31,59,155)
```

Similar Colors

Text with hexadecimal color #1f5a9b

This text has a font color of #1f5a9b.

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

#1f5a9b background color

This paragraph has a background color of #1f5a9b.

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

#1f5a9b border color

This element has a border color of #1f5a9b.

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

CSS codes

.text {color:#1f5a9b;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#081829
```
#081829 rgb(8,24,41)
```
#0b2139
```
#0b2139 rgb(11,33,57)
```
#0f2b49
```
#0f2b49 rgb(15,43,73)
```
#12345a
```
#12345a rgb(18,52,90)
```
#153e6a
```
#153e6a rgb(21,62,106)
```
#18477a
```
#18477a rgb(24,71,122)
```
#1c518b
```
#1c518b rgb(28,81,139)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#2263ab
```
#2263ab rgb(34,99,171)
```
#266dbc
```
#266dbc rgb(38,109,188)
```
#2976cc
```
#2976cc rgb(41,118,204)
```

Shade Color Variation

#3280d6
```
#3280d6 rgb(50,128,214)
```
#438ad9
```
#438ad9 rgb(67,138,217)
```
#5395dd
```
#5395dd rgb(83,149,221)
```
#639fe0
```
#639fe0 rgb(99,159,224)
```
#74a9e3
```
#74a9e3 rgb(116,169,227)
```
#84b3e6
```
#84b3e6 rgb(132,179,230)
```
#94bdea
```
#94bdea rgb(148,189,234)
```
#a5c7ed
```
#a5c7ed rgb(165,199,237)
```
#b5d1f0
```
#b5d1f0 rgb(181,209,240)
```
#c6dbf4
```
#c6dbf4 rgb(198,219,244)
```
#d6e6f7
```
#d6e6f7 rgb(214,230,247)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d62 is the less saturated color, while #0259b8 is the most saturated one.

#585d62
```
#585d62 rgb(88,93,98)
```
#515c69
```
#515c69 rgb(81,92,105)
```
#4a5c70
```
#4a5c70 rgb(74,92,112)
```
#435c77
```
#435c77 rgb(67,92,119)
```
#3c5b7e
```
#3c5b7e rgb(60,91,126)
```
#345b86
```
#345b86 rgb(52,91,134)
```
#2d5b8d
```
#2d5b8d rgb(45,91,141)
```
#265a94
```
#265a94 rgb(38,90,148)
```
#1f5a9b
```
#1f5a9b rgb(31,90,155)
```
#185aa2
```
#185aa2 rgb(24,90,162)
```
#1159a9
```
#1159a9 rgb(17,89,169)
```
#0a59b0
```
#0a59b0 rgb(10,89,176)
```
#0259b8
```
#0259b8 rgb(2,89,184)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#46525f Atypical Achromatopsia 0.001% of the population

Dichromacy

#445f9d Protanopia 1% of men
#2962a0 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#365d9c Protanomaly 1% of men, 0.01% of women
#255f9e Deuteranomaly 6% of men, 0.4% of women
#0b6480 Tritanomaly 0.01% of the population

#1f5a9b hex color

#1f5a9b Color Information

#1f5a9b Color Conversion

Color Schemes with #1f5a9b

Alternatives to #1f5a9b

#1f5a9b Preview

Shades and Tints of #1f5a9b

Tones of #1f5a9b

Color Blindness Simulator