#1f355a hex color

In a RGB color space, hex #1f355a is composed of 12.2% red, 20.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 41.1% magenta, 0% yellow and 64.7% black. It has a hue angle of 217.6 degrees, a saturation of 48.8% and a lightness of 23.7%. #1f355a color hex could be obtained by blending #3e6ab4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 21
- B 35
RGB color chart
- C 66
- M 41
- Y 0
- K 65
CMYK color chart

● #1f355a color description : Very dark blue.

The hexadecimal color #1f355a has RGB values of R:31, G:53, B:90 and CMYK values of C:0.66, M:0.41, Y:0, K:0.65. Its decimal value is 2045274.

Hex triplet	1f355a	`#1f355a`
RGB Decimal	31, 53, 90	`rgb(31,53,90)`
RGB Percent	12.2, 20.8, 35.3	`rgb(12.2%,20.8%,35.3%)`
CMYK	66, 41, 0, 65
HSL	217.6°, 48.8, 23.7	`hsl(217.6,48.8%,23.7%)`
HSV (or HSB)	217.6°, 65.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	22.215, 4.479, -24.851
XYZ	3.683, 3.575, 10.168
xyY	0.211, 0.205, 3.575
CIE-LCH	22.215, 25.251, 280.218
CIE-LUV	22.215, -8.686, -29.433
Hunter-Lab	18.909, 1.679, -18.647
Binary	00011111, 00110101, 01011010

#1f355a
```
#1f355a rgb(31,53,90)
```
#5a441f
```
#5a441f rgb(90,68,31)
```

Complementary Color

#1f535a
```
#1f535a rgb(31,83,90)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#271f5a
```
#271f5a rgb(39,31,90)
```

Analogous Color

#535a1f
```
#535a1f rgb(83,90,31)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#5a271f
```
#5a271f rgb(90,39,31)
```

Split Complementary Color

#355a1f
```
#355a1f rgb(53,90,31)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#5a1f35
```
#5a1f35 rgb(90,31,53)
```

Triadic Color

#1f5a44
```
#1f5a44 rgb(31,90,68)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#5a1f35
```
#5a1f35 rgb(90,31,53)
```
#5a441f
```
#5a441f rgb(90,68,31)
```

Tetradic Color

#0b1321
```
#0b1321 rgb(11,19,33)
```
#121f34
```
#121f34 rgb(18,31,52)
```
#182a47
```
#182a47 rgb(24,42,71)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#26406d
```
#26406d rgb(38,64,109)
```
#2c4b80
```
#2c4b80 rgb(44,75,128)
```
#335793
```
#335793 rgb(51,87,147)
```

Monochromatic Color

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

#1f445a
```
#1f445a rgb(31,68,90)
```
#1f3f5a
```
#1f3f5a rgb(31,63,90)
```
#1f3a5a
```
#1f3a5a rgb(31,58,90)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#1f305a
```
#1f305a rgb(31,48,90)
```
#1f2b5a
```
#1f2b5a rgb(31,43,90)
```
#1f265a
```
#1f265a rgb(31,38,90)
```

Similar Colors

Text with hexadecimal color #1f355a

This text has a font color of #1f355a.

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

#1f355a background color

This paragraph has a background color of #1f355a.

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

#1f355a border color

This element has a border color of #1f355a.

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

CSS codes

.text {color:#1f355a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b1320
```
#0b1320 rgb(11,19,32)
```
#101b2e
```
#101b2e rgb(16,27,46)
```
#15243d
```
#15243d rgb(21,36,61)
```
#1a2c4b
```
#1a2c4b rgb(26,44,75)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#243e69
```
#243e69 rgb(36,62,105)
```
#294677
```
#294677 rgb(41,70,119)
```
#2e4f86
```
#2e4f86 rgb(46,79,134)
```
#335794
```
#335794 rgb(51,87,148)
```
#3860a3
```
#3860a3 rgb(56,96,163)
```
#3d69b2
```
#3d69b2 rgb(61,105,178)
```

Shade Color Variation

#4472bf
```
#4472bf rgb(68,114,191)
```
#527dc4
```
#527dc4 rgb(82,125,196)
```
#6188c9
```
#6188c9 rgb(97,136,201)
```
#7093ce
```
#7093ce rgb(112,147,206)
```
#7e9ed3
```
#7e9ed3 rgb(126,158,211)
```
#8da9d8
```
#8da9d8 rgb(141,169,216)
```
#9bb4dd
```
#9bb4dd rgb(155,180,221)
```
#aabfe2
```
#aabfe2 rgb(170,191,226)
```
#b9cae7
```
#b9cae7 rgb(185,202,231)
```
#c7d5ec
```
#c7d5ec rgb(199,213,236)
```
#d6e0f1
```
#d6e0f1 rgb(214,224,241)
```
#e4ebf6
```
#e4ebf6 rgb(228,235,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b3c3e is the less saturated color, while #032e76 is the most saturated one.

#3b3c3e
```
#3b3c3e rgb(59,60,62)
```
#363b43
```
#363b43 rgb(54,59,67)
```
#323a47
```
#323a47 rgb(50,58,71)
```
#2d394c
```
#2d394c rgb(45,57,76)
```
#283751
```
#283751 rgb(40,55,81)
```
#243655
```
#243655 rgb(36,54,85)
```
#1f355a
```
#1f355a rgb(31,53,90)
```
#1a345f
```
#1a345f rgb(26,52,95)
```
#163363
```
#163363 rgb(22,51,99)
```
#113168
```
#113168 rgb(17,49,104)
```
#0c306d
```
#0c306d rgb(12,48,109)
```
#082f71
```
#082f71 rgb(8,47,113)
```
#032e76
```
#032e76 rgb(3,46,118)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f333b Atypical Achromatopsia 0.001% of the population

Dichromacy

#303e61 Protanopia 1% of men
#283f62 Deuteranopia 1% of men
#1b444a Tritanopia 0.001% of the population

Trichromacy

#2a3b5e Protanomaly 1% of men, 0.01% of women
#253b5f Deuteranomaly 6% of men, 0.4% of women
#1c3f4f Tritanomaly 0.01% of the population

#1f355a hex color

#1f355a Color Information

#1f355a Color Conversion

Color Schemes with #1f355a

Alternatives to #1f355a

#1f355a Preview

Shades and Tints of #1f355a

Tones of #1f355a

Color Blindness Simulator