colorhexa.com

#1f2f5d hex color

In a RGB color space, hex #1f2f5d is composed of 12.2% red, 18.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 49.5% magenta, 0% yellow and 63.5% black. It has a hue angle of 224.5 degrees, a saturation of 50% and a lightness of 24.3%. #1f2f5d color hex could be obtained by blending #3e5eba with #000000. Closest websafe color is: #333366.

- R 12
- G 18
- B 36
RGB color chart
- C 67
- M 49
- Y 0
- K 64
CMYK color chart

● #1f2f5d color description : Very dark blue.

The hexadecimal color #1f2f5d has RGB values of R:31, G:47, B:93 and CMYK values of C:0.67, M:0.49, Y:0, K:0.64. Its decimal value is 2043741.

Hex triplet	1f2f5d	`#1f2f5d`
RGB Decimal	31, 47, 93	`rgb(31,47,93)`
RGB Percent	12.2, 18.4, 36.5	`rgb(12.2%,18.4%,36.5%)`
CMYK	67, 49, 0, 64
HSL	224.5°, 50, 24.3	`hsl(224.5,50%,24.3%)`
HSV (or HSB)	224.5°, 66.7, 36.5
Web Safe	333366	`#333366`

CIE-LAB	20.497, 9.931, -29.566
XYZ	3.557, 3.114, 10.769
xyY	0.204, 0.179, 3.114
CIE-LCH	20.497, 31.19, 288.567
CIE-LUV	20.497, -6.808, -34.349
Hunter-Lab	17.648, 5.093, -23.826
Binary	00011111, 00101111, 01011101

#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#5d4d1f
```
#5d4d1f rgb(93,77,31)
```

Complementary Color

#1f4e5d
```
#1f4e5d rgb(31,78,93)
```
#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#2e1f5d
```
#2e1f5d rgb(46,31,93)
```

Analogous Color

#4e5d1f
```
#4e5d1f rgb(78,93,31)
```
#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#5d2e1f
```
#5d2e1f rgb(93,46,31)
```

Split Complementary Color

#0c1224
```
#0c1224 rgb(12,18,36)
```
#121c37
```
#121c37 rgb(18,28,55)
```
#19254a
```
#19254a rgb(25,37,74)
```
#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#253970
```
#253970 rgb(37,57,112)
```
#2c4283
```
#2c4283 rgb(44,66,131)
```
#324c96
```
#324c96 rgb(50,76,150)
```

Monochromatic Color

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

#1f3f5d
```
#1f3f5d rgb(31,63,93)
```
#1f395d
```
#1f395d rgb(31,57,93)
```
#1f345d
```
#1f345d rgb(31,52,93)
```
#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#1f2a5d
```
#1f2a5d rgb(31,42,93)
```
#1f255d
```
#1f255d rgb(31,37,93)
```
#1f205d
```
#1f205d rgb(31,32,93)
```

Similar Colors

Text with hexadecimal color #1f2f5d

This text has a font color of #1f2f5d.

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

#1f2f5d background color

This paragraph has a background color of #1f2f5d.

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

#1f2f5d border color

This element has a border color of #1f2f5d.

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

CSS codes

.text {color:#1f2f5d;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060a13
```
#060a13 rgb(6,10,19)
```
#0b1122
```
#0b1122 rgb(11,17,34)
```
#101931
```
#101931 rgb(16,25,49)
```
#152040
```
#152040 rgb(21,32,64)
```
#1a284e
```
#1a284e rgb(26,40,78)
```
#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#24366c
```
#24366c rgb(36,54,108)
```
#293e7a
```
#293e7a rgb(41,62,122)
```
#2e4589
```
#2e4589 rgb(46,69,137)
```
#334d98
```
#334d98 rgb(51,77,152)
```
#3854a7
```
#3854a7 rgb(56,84,167)
```
#3c5cb5
```
#3c5cb5 rgb(60,92,181)
```

Shade Color Variation

#4465c1
```
#4465c1 rgb(68,101,193)
```
#5371c6
```
#5371c6 rgb(83,113,198)
```
#627dcb
```
#627dcb rgb(98,125,203)
```
#7189d0
```
#7189d0 rgb(113,137,208)
```
#7f95d4
```
#7f95d4 rgb(127,149,212)
```
#8ea1d9
```
#8ea1d9 rgb(142,161,217)
```
#9daede
```
#9daede rgb(157,174,222)
```
#abbae3
```
#abbae3 rgb(171,186,227)
```
#bac6e8
```
#bac6e8 rgb(186,198,232)
```
#c9d2ed
```
#c9d2ed rgb(201,210,237)
```
#d8def2
```
#d8def2 rgb(216,222,242)
```
#e6ebf7
```
#e6ebf7 rgb(230,235,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#3c3d40
```
#3c3d40 rgb(60,61,64)
```
#373b45
```
#373b45 rgb(55,59,69)
```
#32384a
```
#32384a rgb(50,56,74)
```
#2d364f
```
#2d364f rgb(45,54,79)
```
#293453
```
#293453 rgb(41,52,83)
```
#243158
```
#243158 rgb(36,49,88)
```
#1f2f5d
```
#1f2f5d rgb(31,47,93)
```
#1a2d62
```
#1a2d62 rgb(26,45,98)
```
#152a67
```
#152a67 rgb(21,42,103)
```
#11286b
```
#11286b rgb(17,40,107)
```
#0c2670
```
#0c2670 rgb(12,38,112)
```
#072375
```
#072375 rgb(7,35,117)
```
#02217a
```
#02217a rgb(2,33,122)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c2f38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#253a66 Protanopia 1% of men
#143c64 Deuteranopia 1% of men
#144146 Tritanopia 0.001% of the population

Trichromacy

#223662 Protanomaly 1% of men, 0.01% of women
#183761 Deuteranomaly 6% of men, 0.4% of women
#183a4e Tritanomaly 0.01% of the population