#1f3953 hex color

In a RGB color space, hex #1f3953 is composed of 12.2% red, 22.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 31.3% magenta, 0% yellow and 67.5% black. It has a hue angle of 210 degrees, a saturation of 45.6% and a lightness of 22.4%. #1f3953 color hex could be obtained by blending #3e72a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 22
- B 33
RGB color chart
- C 63
- M 31
- Y 0
- K 67
CMYK color chart

● #1f3953 color description : Very dark blue.

The hexadecimal color #1f3953 has RGB values of R:31, G:57, B:83 and CMYK values of C:0.63, M:0.31, Y:0, K:0.67. Its decimal value is 2046291.

Hex triplet	1f3953	`#1f3953`
RGB Decimal	31, 57, 83	`rgb(31,57,83)`
RGB Percent	12.2, 22.4, 32.5	`rgb(12.2%,22.4%,32.5%)`
CMYK	63, 31, 0, 67
HSL	210°, 45.6, 22.4	`hsl(210,45.6%,22.4%)`
HSV (or HSB)	210°, 62.7, 32.5
Web Safe	333366	`#333366`

CIE-LAB	23.142, -0.967, -18.774
XYZ	3.589, 3.842, 8.736
xyY	0.222, 0.238, 3.842
CIE-LCH	23.142, 18.799, 267.052
CIE-LUV	23.142, -10.115, -21.91
Hunter-Lab	19.601, -1.615, -12.704
Binary	00011111, 00111001, 01010011

#1f3953
```
#1f3953 rgb(31,57,83)
```
#53391f
```
#53391f rgb(83,57,31)
```

Complementary Color

#1f5353
```
#1f5353 rgb(31,83,83)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#1f1f53
```
#1f1f53 rgb(31,31,83)
```

Analogous Color

#53531f
```
#53531f rgb(83,83,31)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#531f1f
```
#531f1f rgb(83,31,31)
```

Split Complementary Color

#39531f
```
#39531f rgb(57,83,31)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#531f39
```
#531f39 rgb(83,31,57)
```

Triadic Color

#1f5339
```
#1f5339 rgb(31,83,57)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#531f39
```
#531f39 rgb(83,31,57)
```
#53391f
```
#53391f rgb(83,57,31)
```

Tetradic Color

#0a131b
```
#0a131b rgb(10,19,27)
```
#11202e
```
#11202e rgb(17,32,46)
```
#182c40
```
#182c40 rgb(24,44,64)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#264666
```
#264666 rgb(38,70,102)
```
#2d5378
```
#2d5378 rgb(45,83,120)
```
#345f8b
```
#345f8b rgb(52,95,139)
```

Monochromatic Color

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

#1f4653
```
#1f4653 rgb(31,70,83)
```
#1f4253
```
#1f4253 rgb(31,66,83)
```
#1f3d53
```
#1f3d53 rgb(31,61,83)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#1f3553
```
#1f3553 rgb(31,53,83)
```
#1f3053
```
#1f3053 rgb(31,48,83)
```
#1f2c53
```
#1f2c53 rgb(31,44,83)
```

Similar Colors

Text with hexadecimal color #1f3953

This text has a font color of #1f3953.

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

#1f3953 background color

This paragraph has a background color of #1f3953.

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

#1f3953 border color

This element has a border color of #1f3953.

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

CSS codes

.text {color:#1f3953;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#0a121a
```
#0a121a rgb(10,18,26)
```
#0f1c28
```
#0f1c28 rgb(15,28,40)
```
#142536
```
#142536 rgb(20,37,54)
```
#1a2f45
```
#1a2f45 rgb(26,47,69)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#244361
```
#244361 rgb(36,67,97)
```
#2a4d70
```
#2a4d70 rgb(42,77,112)
```
#2f567e
```
#2f567e rgb(47,86,126)
```
#34608c
```
#34608c rgb(52,96,140)
```
#3a6a9a
```
#3a6a9a rgb(58,106,154)
```
#3f74a9
```
#3f74a9 rgb(63,116,169)
```
#447eb7
```
#447eb7 rgb(68,126,183)
```

Shade Color Variation

#5187be
```
#5187be rgb(81,135,190)
```
#5f91c3
```
#5f91c3 rgb(95,145,195)
```
#6d9bc9
```
#6d9bc9 rgb(109,155,201)
```
#7ca5ce
```
#7ca5ce rgb(124,165,206)
```
#8aafd3
```
#8aafd3 rgb(138,175,211)
```
#98b9d9
```
#98b9d9 rgb(152,185,217)
```
#a7c2de
```
#a7c2de rgb(167,194,222)
```
#b5cce3
```
#b5cce3 rgb(181,204,227)
```
#c3d6e9
```
#c3d6e9 rgb(195,214,233)
```
#d1e0ee
```
#d1e0ee rgb(209,224,238)
```
#e0eaf3
```
#e0eaf3 rgb(224,234,243)
```
#eef3f9
```
#eef3f9 rgb(238,243,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #35393d is the less saturated color, while #003972 is the most saturated one.

#35393d
```
#35393d rgb(53,57,61)
```
#313941
```
#313941 rgb(49,57,65)
```
#2c3946
```
#2c3946 rgb(44,57,70)
```
#28394a
```
#28394a rgb(40,57,74)
```
#23394f
```
#23394f rgb(35,57,79)
```
#1f3953
```
#1f3953 rgb(31,57,83)
```
#1b3957
```
#1b3957 rgb(27,57,87)
```
#16395c
```
#16395c rgb(22,57,92)
```
#123960
```
#123960 rgb(18,57,96)
```
#0d3965
```
#0d3965 rgb(13,57,101)
```
#093969
```
#093969 rgb(9,57,105)
```
#05396d
```
#05396d rgb(5,57,109)
```
#003972
```
#003972 rgb(0,57,114)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#30353a Atypical Achromatopsia 0.001% of the population

Dichromacy

#39405a Protanopia 1% of men
#35415c Deuteranopia 1% of men
#22464b Tritanopia 0.001% of the population

Trichromacy

#2f3d57 Protanomaly 1% of men, 0.01% of women
#2d3e59 Deuteranomaly 6% of men, 0.4% of women
#21414e Tritanomaly 0.01% of the population

#1f3953 hex color

#1f3953 Color Information

#1f3953 Color Conversion

Color Schemes with #1f3953

Alternatives to #1f3953

#1f3953 Preview

Shades and Tints of #1f3953

Tones of #1f3953

Color Blindness Simulator