colorhexa.com

#1f5095 hex color

In a RGB color space, hex #1f5095 is composed of 12.2% red, 31.4% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 46.3% magenta, 0% yellow and 41.6% black. It has a hue angle of 215.1 degrees, a saturation of 65.6% and a lightness of 35.3%. #1f5095 color hex could be obtained by blending #3ea0ff with #00002b. Closest websafe color is: #336699.

- R 12
- G 31
- B 58
RGB color chart
- C 79
- M 46
- Y 0
- K 42
CMYK color chart

● #1f5095 color description : Dark blue.

The hexadecimal color #1f5095 has RGB values of R:31, G:80, B:149 and CMYK values of C:0.79, M:0.46, Y:0, K:0.42. Its decimal value is 2052245.

Hex triplet	1f5095	`#1f5095`
RGB Decimal	31, 80, 149	`rgb(31,80,149)`
RGB Percent	12.2, 31.4, 58.4	`rgb(12.2%,31.4%,58.4%)`
CMYK	79, 46, 0, 42
HSL	215.1°, 65.6, 35.3	`hsl(215.1,65.6%,35.3%)`
HSV (or HSB)	215.1°, 79.2, 58.4
Web Safe	336699	`#336699`

CIE-LAB	34.392, 9.481, -42.602
XYZ	8.857, 8.198, 29.548
xyY	0.19, 0.176, 8.198
CIE-LCH	34.392, 43.645, 282.546
CIE-LUV	34.392, -16.605, -59.768
Hunter-Lab	28.632, 5.113, -41.144
Binary	00011111, 01010000, 10010101

#1f5095
```
#1f5095 rgb(31,80,149)
```
#95641f
```
#95641f rgb(149,100,31)
```

Complementary Color

#1f8b95
```
#1f8b95 rgb(31,139,149)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#291f95
```
#291f95 rgb(41,31,149)
```

Analogous Color

#8b951f
```
#8b951f rgb(139,149,31)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#95291f
```
#95291f rgb(149,41,31)
```

Split Complementary Color

#50951f
```
#50951f rgb(80,149,31)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#951f50
```
#951f50 rgb(149,31,80)
```

Triadic Color

#1f9564
```
#1f9564 rgb(31,149,100)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#951f50
```
#951f50 rgb(149,31,80)
```
#95641f
```
#95641f rgb(149,100,31)
```

Tetradic Color

#122e56
```
#122e56 rgb(18,46,86)
```
#16396b
```
#16396b rgb(22,57,107)
```
#1b4580
```
#1b4580 rgb(27,69,128)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#235baa
```
#235baa rgb(35,91,170)
```
#2867bf
```
#2867bf rgb(40,103,191)
```
#2d72d3
```
#2d72d3 rgb(45,114,211)
```

Monochromatic Color

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

#1f6e95
```
#1f6e95 rgb(31,110,149)
```
#1f6495
```
#1f6495 rgb(31,100,149)
```
#1f5a95
```
#1f5a95 rgb(31,90,149)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#1f4695
```
#1f4695 rgb(31,70,149)
```
#1f3c95
```
#1f3c95 rgb(31,60,149)
```
#1f3395
```
#1f3395 rgb(31,51,149)
```

Similar Colors

Text with hexadecimal color #1f5095

This text has a font color of #1f5095.

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

#1f5095 background color

This paragraph has a background color of #1f5095.

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

#1f5095 border color

This element has a border color of #1f5095.

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

CSS codes

.text {color:#1f5095;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040a13
```
#040a13 rgb(4,10,19)
```
#071323
```
#071323 rgb(7,19,35)
```
#0b1c34
```
#0b1c34 rgb(11,28,52)
```
#0e2444
```
#0e2444 rgb(14,36,68)
```
#112d54
```
#112d54 rgb(17,45,84)
```
#153664
```
#153664 rgb(21,54,100)
```
#183f75
```
#183f75 rgb(24,63,117)
```
#1c4785
```
#1c4785 rgb(28,71,133)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#2259a5
```
#2259a5 rgb(34,89,165)
```
#2661b5
```
#2661b5 rgb(38,97,181)
```
#296ac6
```
#296ac6 rgb(41,106,198)
```

Shade Color Variation

#2f73d4
```
#2f73d4 rgb(47,115,212)
```
#3f7ed7
```
#3f7ed7 rgb(63,126,215)
```
#4f89da
```
#4f89da rgb(79,137,218)
```
#5f94de
```
#5f94de rgb(95,148,222)
```
#709fe1
```
#709fe1 rgb(112,159,225)
```
#80aae5
```
#80aae5 rgb(128,170,229)
```
#90b5e8
```
#90b5e8 rgb(144,181,232)
```
#a0c0eb
```
#a0c0eb rgb(160,192,235)
```
#b1caef
```
#b1caef rgb(177,202,239)
```
#c1d5f2
```
#c1d5f2 rgb(193,213,242)
```
#d1e0f5
```
#d1e0f5 rgb(209,224,245)
```
#e1ebf9
```
#e1ebf9 rgb(225,235,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595e is the less saturated color, while #034bb1 is the most saturated one.

#56595e
```
#56595e rgb(86,89,94)
```
#4f5865
```
#4f5865 rgb(79,88,101)
```
#49576b
```
#49576b rgb(73,87,107)
```
#425672
```
#425672 rgb(66,86,114)
```
#3b5579
```
#3b5579 rgb(59,85,121)
```
#345480
```
#345480 rgb(52,84,128)
```
#2d5287
```
#2d5287 rgb(45,82,135)
```
#26518e
```
#26518e rgb(38,81,142)
```
#1f5095
```
#1f5095 rgb(31,80,149)
```
#184f9c
```
#184f9c rgb(24,79,156)
```
#114ea3
```
#114ea3 rgb(17,78,163)
```
#0a4caa
```
#0a4caa rgb(10,76,170)
```
#034bb1
```
#034bb1 rgb(3,75,177)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#414a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#365799 Protanopia 1% of men
#005b98 Deuteranopia 1% of men
#006269 Tritanopia 0.001% of the population

Trichromacy

#2e5497 Protanomaly 1% of men, 0.01% of women
#0b5797 Deuteranomaly 6% of men, 0.4% of women
#0b5b79 Tritanomaly 0.01% of the population