#1f2163 hex color

In a RGB color space, hex #1f2163 is composed of 12.2% red, 12.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 66.7% magenta, 0% yellow and 61.2% black. It has a hue angle of 238.2 degrees, a saturation of 52.3% and a lightness of 25.5%. #1f2163 color hex could be obtained by blending #3e42c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 13
- B 39
RGB color chart
- C 69
- M 67
- Y 0
- K 61
CMYK color chart

● #1f2163 color description : Very dark blue.

The hexadecimal color #1f2163 has RGB values of R:31, G:33, B:99 and CMYK values of C:0.69, M:0.67, Y:0, K:0.61. Its decimal value is 2040163.

Hex triplet	1f2163	`#1f2163`
RGB Decimal	31, 33, 99	`rgb(31,33,99)`
RGB Percent	12.2, 12.9, 38.8	`rgb(12.2%,12.9%,38.8%)`
CMYK	69, 67, 0, 61
HSL	238.2°, 52.3, 25.5	`hsl(238.2,52.3%,25.5%)`
HSV (or HSB)	238.2°, 68.7, 38.8
Web Safe	333366	`#333366`

CIE-LAB	16.892, 22.334, -39.357
XYZ	3.361, 2.28, 12.067
xyY	0.19, 0.129, 2.28
CIE-LCH	16.892, 45.252, 299.574
CIE-LUV	16.892, -3.422, -41.757
Hunter-Lab	15.099, 13.307, -36.815
Binary	00011111, 00100001, 01100011

#1f2163
```
#1f2163 rgb(31,33,99)
```
#63611f
```
#63611f rgb(99,97,31)
```

Complementary Color

#1f4363
```
#1f4363 rgb(31,67,99)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#3f1f63
```
#3f1f63 rgb(63,31,99)
```

Analogous Color

#43631f
```
#43631f rgb(67,99,31)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#633f1f
```
#633f1f rgb(99,63,31)
```

Split Complementary Color

#21631f
```
#21631f rgb(33,99,31)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#631f21
```
#631f21 rgb(99,31,33)
```

Triadic Color

#1f6361
```
#1f6361 rgb(31,99,97)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#631f21
```
#631f21 rgb(99,31,33)
```
#63611f
```
#63611f rgb(99,97,31)
```

Tetradic Color

#0d0e29
```
#0d0e29 rgb(13,14,41)
```
#13143c
```
#13143c rgb(19,20,60)
```
#191b50
```
#191b50 rgb(25,27,80)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#252776
```
#252776 rgb(37,39,118)
```
#2b2e8a
```
#2b2e8a rgb(43,46,138)
```
#31349d
```
#31349d rgb(49,52,157)
```

Monochromatic Color

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

#1f3263
```
#1f3263 rgb(31,50,99)
```
#1f2c63
```
#1f2c63 rgb(31,44,99)
```
#1f2763
```
#1f2763 rgb(31,39,99)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#231f63
```
#231f63 rgb(35,31,99)
```
#281f63
```
#281f63 rgb(40,31,99)
```
#2e1f63
```
#2e1f63 rgb(46,31,99)
```

Similar Colors

Text with hexadecimal color #1f2163

This text has a font color of #1f2163.

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

#1f2163 background color

This paragraph has a background color of #1f2163.

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

#1f2163 border color

This element has a border color of #1f2163.

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

CSS codes

.text {color:#1f2163;}

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

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

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

#030309
```
#030309 rgb(3,3,9)
```
#080818
```
#080818 rgb(8,8,24)
```
#0c0d27
```
#0c0d27 rgb(12,13,39)
```
#111236
```
#111236 rgb(17,18,54)
```
#161745
```
#161745 rgb(22,23,69)
```
#1a1c54
```
#1a1c54 rgb(26,28,84)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#242672
```
#242672 rgb(36,38,114)
```
#282b81
```
#282b81 rgb(40,43,129)
```
#2d3090
```
#2d3090 rgb(45,48,144)
```
#32359f
```
#32359f rgb(50,53,159)
```
#363aae
```
#363aae rgb(54,58,174)
```
#3b3fbd
```
#3b3fbd rgb(59,63,189)
```

Shade Color Variation

#464ac5
```
#464ac5 rgb(70,74,197)
```
#5559ca
```
#5559ca rgb(85,89,202)
```
#6467ce
```
#6467ce rgb(100,103,206)
```
#7376d3
```
#7376d3 rgb(115,118,211)
```
#8284d8
```
#8284d8 rgb(130,132,216)
```
#9193dd
```
#9193dd rgb(145,147,221)
```
#a0a2e1
```
#a0a2e1 rgb(160,162,225)
```
#afb0e6
```
#afb0e6 rgb(175,176,230)
```
#bebfeb
```
#bebfeb rgb(190,191,235)
```
#cdceef
```
#cdceef rgb(205,206,239)
```
#dcdcf4
```
#dcdcf4 rgb(220,220,244)
```
#eaebf9
```
#eaebf9 rgb(234,235,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#3d3d45
```
#3d3d45 rgb(61,61,69)
```
#38394a
```
#38394a rgb(56,57,74)
```
#33344f
```
#33344f rgb(51,52,79)
```
#2e2f54
```
#2e2f54 rgb(46,47,84)
```
#292a59
```
#292a59 rgb(41,42,89)
```
#24265e
```
#24265e rgb(36,38,94)
```
#1f2163
```
#1f2163 rgb(31,33,99)
```
#1a1c68
```
#1a1c68 rgb(26,28,104)
```
#15186d
```
#15186d rgb(21,24,109)
```
#101372
```
#101372 rgb(16,19,114)
```
#0b0e77
```
#0b0e77 rgb(11,14,119)
```
#06097c
```
#06097c rgb(6,9,124)
```
#010581
```
#010581 rgb(1,5,129)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#262734 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003364 Protanopia 1% of men
#003657 Deuteranopia 1% of men
#00393d Tritanopia 0.001% of the population

Trichromacy

#0b2c63 Protanomaly 1% of men, 0.01% of women
#0b2e5b Deuteranomaly 6% of men, 0.4% of women
#0b304b Tritanomaly 0.01% of the population

#1f2163 hex color

#1f2163 Color Information

#1f2163 Color Conversion

Color Schemes with #1f2163

Alternatives to #1f2163

#1f2163 Preview

Shades and Tints of #1f2163

Tones of #1f2163

Color Blindness Simulator