#1f365a hex color

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

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

● #1f365a color description : Very dark blue.

The hexadecimal color #1f365a has RGB values of R:31, G:54, B:90 and CMYK values of C:0.66, M:0.4, Y:0, K:0.65. Its decimal value is 2045530.

Hex triplet	1f365a	`#1f365a`
RGB Decimal	31, 54, 90	`rgb(31,54,90)`
RGB Percent	12.2, 21.2, 35.3	`rgb(12.2%,21.2%,35.3%)`
CMYK	66, 40, 0, 65
HSL	216.6°, 48.8, 23.7	`hsl(216.6,48.8%,23.7%)`
HSV (or HSB)	216.6°, 65.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	22.541, 3.779, -24.335
XYZ	3.729, 3.668, 10.184
xyY	0.212, 0.209, 3.668
CIE-LCH	22.541, 24.627, 278.827
CIE-LUV	22.541, -9.02, -28.915
Hunter-Lab	19.151, 1.245, -18.122
Binary	00011111, 00110110, 01011010

#1f365a
```
#1f365a rgb(31,54,90)
```
#5a431f
```
#5a431f rgb(90,67,31)
```

Complementary Color

#1f545a
```
#1f545a rgb(31,84,90)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#261f5a
```
#261f5a rgb(38,31,90)
```

Analogous Color

#545a1f
```
#545a1f rgb(84,90,31)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#5a261f
```
#5a261f rgb(90,38,31)
```

Split Complementary Color

#365a1f
```
#365a1f rgb(54,90,31)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#5a1f36
```
#5a1f36 rgb(90,31,54)
```

Triadic Color

#1f5a43
```
#1f5a43 rgb(31,90,67)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#5a1f36
```
#5a1f36 rgb(90,31,54)
```
#5a431f
```
#5a431f rgb(90,67,31)
```

Tetradic Color

#0b1421
```
#0b1421 rgb(11,20,33)
```
#121f34
```
#121f34 rgb(18,31,52)
```
#182b47
```
#182b47 rgb(24,43,71)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#26416d
```
#26416d rgb(38,65,109)
```
#2c4d80
```
#2c4d80 rgb(44,77,128)
```
#335893
```
#335893 rgb(51,88,147)
```

Monochromatic Color

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

#1f455a
```
#1f455a rgb(31,69,90)
```
#1f405a
```
#1f405a rgb(31,64,90)
```
#1f3b5a
```
#1f3b5a rgb(31,59,90)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#1f315a
```
#1f315a rgb(31,49,90)
```
#1f2c5a
```
#1f2c5a rgb(31,44,90)
```
#1f275a
```
#1f275a rgb(31,39,90)
```

Similar Colors

Text with hexadecimal color #1f365a

This text has a font color of #1f365a.

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

#1f365a background color

This paragraph has a background color of #1f365a.

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

#1f365a border color

This element has a border color of #1f365a.

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

CSS codes

.text {color:#1f365a;}

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

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

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)
```
#101c2e
```
#101c2e rgb(16,28,46)
```
#15243d
```
#15243d rgb(21,36,61)
```
#1a2d4b
```
#1a2d4b rgb(26,45,75)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#243f69
```
#243f69 rgb(36,63,105)
```
#294877
```
#294877 rgb(41,72,119)
```
#2e5086
```
#2e5086 rgb(46,80,134)
```
#335994
```
#335994 rgb(51,89,148)
```
#3862a3
```
#3862a3 rgb(56,98,163)
```
#3d6bb2
```
#3d6bb2 rgb(61,107,178)
```

Shade Color Variation

#4474bf
```
#4474bf rgb(68,116,191)
```
#527ec4
```
#527ec4 rgb(82,126,196)
```
#6189c9
```
#6189c9 rgb(97,137,201)
```
#7094ce
```
#7094ce rgb(112,148,206)
```
#7e9fd3
```
#7e9fd3 rgb(126,159,211)
```
#8daad8
```
#8daad8 rgb(141,170,216)
```
#9bb5dd
```
#9bb5dd rgb(155,181,221)
```
#aac0e2
```
#aac0e2 rgb(170,192,226)
```
#b9cbe7
```
#b9cbe7 rgb(185,203,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 #033076 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)
```
#283851
```
#283851 rgb(40,56,81)
```
#243755
```
#243755 rgb(36,55,85)
```
#1f365a
```
#1f365a rgb(31,54,90)
```
#1a355f
```
#1a355f rgb(26,53,95)
```
#163463
```
#163463 rgb(22,52,99)
```
#113368
```
#113368 rgb(17,51,104)
```
#0c326d
```
#0c326d rgb(12,50,109)
```
#083171
```
#083171 rgb(8,49,113)
```
#033076
```
#033076 rgb(3,48,118)
```

Tone Color Variation

Below, you can see how #1f365a 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
#2f343b Atypical Achromatopsia 0.001% of the population

Dichromacy

#323f61 Protanopia 1% of men
#2a4062 Deuteranopia 1% of men
#1c454a Tritanopia 0.001% of the population

Trichromacy

#2b3b5e Protanomaly 1% of men, 0.01% of women
#263c5f Deuteranomaly 6% of men, 0.4% of women
#1d3f50 Tritanomaly 0.01% of the population

#1f365a hex color

#1f365a Color Information

#1f365a Color Conversion

Color Schemes with #1f365a

Alternatives to #1f365a

#1f365a Preview

Shades and Tints of #1f365a

Tones of #1f365a

Color Blindness Simulator