colorhexa.com

#1f5995 hex color

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

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

● #1f5995 color description : Dark blue.

The hexadecimal color #1f5995 has RGB values of R:31, G:89, B:149 and CMYK values of C:0.79, M:0.4, Y:0, K:0.42. Its decimal value is 2054549.

Hex triplet	1f5995	`#1f5995`
RGB Decimal	31, 89, 149	`rgb(31,89,149)`
RGB Percent	12.2, 34.9, 58.4	`rgb(12.2%,34.9%,58.4%)`
CMYK	79, 40, 0, 42
HSL	210.5°, 65.6, 35.3	`hsl(210.5,65.6%,35.3%)`
HSV (or HSB)	210.5°, 79.2, 58.4
Web Safe	336699	`#336699`

CIE-LAB	37.124, 3.553, -38.232
XYZ	9.561, 9.605, 29.782
xyY	0.195, 0.196, 9.605
CIE-LCH	37.124, 38.397, 275.309
CIE-LUV	37.124, -19.521, -54.327
Hunter-Lab	30.992, 0.83, -35.28
Binary	00011111, 01011001, 10010101

#1f5995
```
#1f5995 rgb(31,89,149)
```
#955b1f
```
#955b1f rgb(149,91,31)
```

Complementary Color

#1f9495
```
#1f9495 rgb(31,148,149)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#201f95
```
#201f95 rgb(32,31,149)
```

Analogous Color

#94951f
```
#94951f rgb(148,149,31)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#95201f
```
#95201f rgb(149,32,31)
```

Split Complementary Color

#59951f
```
#59951f rgb(89,149,31)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#951f59
```
#951f59 rgb(149,31,89)
```

Triadic Color

#123356
```
#123356 rgb(18,51,86)
```
#16406b
```
#16406b rgb(22,64,107)
```
#1b4c80
```
#1b4c80 rgb(27,76,128)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#2366aa
```
#2366aa rgb(35,102,170)
```
#2872bf
```
#2872bf rgb(40,114,191)
```
#2d7fd3
```
#2d7fd3 rgb(45,127,211)
```

Monochromatic Color

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

#1f7795
```
#1f7795 rgb(31,119,149)
```
#1f6d95
```
#1f6d95 rgb(31,109,149)
```
#1f6395
```
#1f6395 rgb(31,99,149)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#1f4f95
```
#1f4f95 rgb(31,79,149)
```
#1f4595
```
#1f4595 rgb(31,69,149)
```
#1f3c95
```
#1f3c95 rgb(31,60,149)
```

Similar Colors

Text with hexadecimal color #1f5995

This text has a font color of #1f5995.

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

#1f5995 background color

This paragraph has a background color of #1f5995.

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

#1f5995 border color

This element has a border color of #1f5995.

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

CSS codes

.text {color:#1f5995;}

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

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

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 #f2f7fc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#040b13
```
#040b13 rgb(4,11,19)
```
#071523
```
#071523 rgb(7,21,35)
```
#0b1f34
```
#0b1f34 rgb(11,31,52)
```
#0e2944
```
#0e2944 rgb(14,41,68)
```
#113254
```
#113254 rgb(17,50,84)
```
#153c64
```
#153c64 rgb(21,60,100)
```
#184675
```
#184675 rgb(24,70,117)
```
#1c4f85
```
#1c4f85 rgb(28,79,133)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#2263a5
```
#2263a5 rgb(34,99,165)
```
#266cb5
```
#266cb5 rgb(38,108,181)
```
#2976c6
```
#2976c6 rgb(41,118,198)
```

Shade Color Variation

#2f80d4
```
#2f80d4 rgb(47,128,212)
```
#3f8ad7
```
#3f8ad7 rgb(63,138,215)
```
#4f94da
```
#4f94da rgb(79,148,218)
```
#5f9ede
```
#5f9ede rgb(95,158,222)
```
#70a8e1
```
#70a8e1 rgb(112,168,225)
```
#80b1e5
```
#80b1e5 rgb(128,177,229)
```
#90bbe8
```
#90bbe8 rgb(144,187,232)
```
#a0c5eb
```
#a0c5eb rgb(160,197,235)
```
#b1cfef
```
#b1cfef rgb(177,207,239)
```
#c1d9f2
```
#c1d9f2 rgb(193,217,242)
```
#d1e3f5
```
#d1e3f5 rgb(209,227,245)
```
#e1edf9
```
#e1edf9 rgb(225,237,249)
```
#f2f7fc
```
#f2f7fc rgb(242,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565a5e is the less saturated color, while #0359b1 is the most saturated one.

#565a5e
```
#565a5e rgb(86,90,94)
```
#4f5a65
```
#4f5a65 rgb(79,90,101)
```
#495a6b
```
#495a6b rgb(73,90,107)
```
#425a72
```
#425a72 rgb(66,90,114)
```
#3b5979
```
#3b5979 rgb(59,89,121)
```
#345980
```
#345980 rgb(52,89,128)
```
#2d5987
```
#2d5987 rgb(45,89,135)
```
#26598e
```
#26598e rgb(38,89,142)
```
#1f5995
```
#1f5995 rgb(31,89,149)
```
#18599c
```
#18599c rgb(24,89,156)
```
#1159a3
```
#1159a3 rgb(17,89,163)
```
#0a59aa
```
#0a59aa rgb(10,89,170)
```
#0359b1
```
#0359b1 rgb(3,89,177)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#45505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#465e97 Protanopia 1% of men
#31609a Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#385c96 Protanomaly 1% of men, 0.01% of women
#2a5e98 Deuteranomaly 6% of men, 0.4% of women
#0b637d Tritanomaly 0.01% of the population