#1f2f83 hex color

In a RGB color space, hex #1f2f83 is composed of 12.2% red, 18.4% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 64.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 230.4 degrees, a saturation of 61.7% and a lightness of 31.8%. #1f2f83 color hex could be obtained by blending #3e5eff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 18
- B 51
RGB color chart
- C 76
- M 64
- Y 0
- K 49
CMYK color chart

● #1f2f83 color description : Dark blue.

The hexadecimal color #1f2f83 has RGB values of R:31, G:47, B:131 and CMYK values of C:0.76, M:0.64, Y:0, K:0.49. Its decimal value is 2043779.

Hex triplet	1f2f83	`#1f2f83`
RGB Decimal	31, 47, 131	`rgb(31,47,131)`
RGB Percent	12.2, 18.4, 51.4	`rgb(12.2%,18.4%,51.4%)`
CMYK	76, 64, 0, 49
HSL	230.4°, 61.7, 31.8	`hsl(230.4,61.7%,31.8%)`
HSV (or HSB)	230.4°, 76.3, 51.4
Web Safe	333399	`#333399`

CIE-LAB	23.548, 24.989, -49.062
XYZ	5.677, 3.963, 21.937
xyY	0.18, 0.125, 3.963
CIE-LCH	23.548, 55.059, 296.992
CIE-LUV	23.548, -7.465, -59.982
Hunter-Lab	19.906, 16.073, -51.404
Binary	00011111, 00101111, 10000011

#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#83731f
```
#83731f rgb(131,115,31)
```

Complementary Color

#1f6183
```
#1f6183 rgb(31,97,131)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#411f83
```
#411f83 rgb(65,31,131)
```

Analogous Color

#61831f
```
#61831f rgb(97,131,31)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#83411f
```
#83411f rgb(131,65,31)
```

Split Complementary Color

#2f831f
```
#2f831f rgb(47,131,31)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#831f2f
```
#831f2f rgb(131,31,47)
```

Triadic Color

#1f8373
```
#1f8373 rgb(31,131,115)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#831f2f
```
#831f2f rgb(131,31,47)
```
#83731f
```
#83731f rgb(131,115,31)
```

Tetradic Color

#101945
```
#101945 rgb(16,25,69)
```
#15205a
```
#15205a rgb(21,32,90)
```
#1a286e
```
#1a286e rgb(26,40,110)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#243698
```
#243698 rgb(36,54,152)
```
#293eac
```
#293eac rgb(41,62,172)
```
#2e45c1
```
#2e45c1 rgb(46,69,193)
```

Monochromatic Color

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

#1f4883
```
#1f4883 rgb(31,72,131)
```
#1f4083
```
#1f4083 rgb(31,64,131)
```
#1f3783
```
#1f3783 rgb(31,55,131)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#1f2783
```
#1f2783 rgb(31,39,131)
```
#201f83
```
#201f83 rgb(32,31,131)
```
#281f83
```
#281f83 rgb(40,31,131)
```

Similar Colors

Text with hexadecimal color #1f2f83

This text has a font color of #1f2f83.

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

#1f2f83 background color

This paragraph has a background color of #1f2f83.

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

#1f2f83 border color

This element has a border color of #1f2f83.

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

CSS codes

.text {color:#1f2f83;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050714
```
#050714 rgb(5,7,20)
```
#080d24
```
#080d24 rgb(8,13,36)
```
#0c1334
```
#0c1334 rgb(12,19,52)
```
#101844
```
#101844 rgb(16,24,68)
```
#141e53
```
#141e53 rgb(20,30,83)
```
#172463
```
#172463 rgb(23,36,99)
```
#1b2973
```
#1b2973 rgb(27,41,115)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#233593
```
#233593 rgb(35,53,147)
```
#273aa3
```
#273aa3 rgb(39,58,163)
```
#2a40b3
```
#2a40b3 rgb(42,64,179)
```
#2e46c2
```
#2e46c2 rgb(46,70,194)
```

Shade Color Variation

#354ecf
```
#354ecf rgb(53,78,207)
```
#455cd3
```
#455cd3 rgb(69,92,211)
```
#5569d7
```
#5569d7 rgb(85,105,215)
```
#6477da
```
#6477da rgb(100,119,218)
```
#7485de
```
#7485de rgb(116,133,222)
```
#8493e2
```
#8493e2 rgb(132,147,226)
```
#94a1e6
```
#94a1e6 rgb(148,161,230)
```
#a4afe9
```
#a4afe9 rgb(164,175,233)
```
#b4bded
```
#b4bded rgb(180,189,237)
```
#c4cbf1
```
#c4cbf1 rgb(196,203,241)
```
#d4d9f5
```
#d4d9f5 rgb(212,217,245)
```
#e3e7f8
```
#e3e7f8 rgb(227,231,248)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#515151
```
#515151 rgb(81,81,81)
```
#4b4d57
```
#4b4d57 rgb(75,77,87)
```
#44485e
```
#44485e rgb(68,72,94)
```
#3e4464
```
#3e4464 rgb(62,68,100)
```
#38406a
```
#38406a rgb(56,64,106)
```
#323c70
```
#323c70 rgb(50,60,112)
```
#2b3777
```
#2b3777 rgb(43,55,119)
```
#25337d
```
#25337d rgb(37,51,125)
```
#1f2f83
```
#1f2f83 rgb(31,47,131)
```
#192b89
```
#192b89 rgb(25,43,137)
```
#13278f
```
#13278f rgb(19,39,143)
```
#0c2296
```
#0c2296 rgb(12,34,150)
```
#061e9c
```
#061e9c rgb(6,30,156)
```

Tone Color Variation

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

Dichromacy

#00407d Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00484d Tritanopia 0.001% of the population

Trichromacy

#0b3a7f Protanomaly 1% of men, 0.01% of women
#0b3c75 Deuteranomaly 6% of men, 0.4% of women
#0b3f60 Tritanomaly 0.01% of the population

#1f2f83 hex color

#1f2f83 Color Information

#1f2f83 Color Conversion

Color Schemes with #1f2f83

Alternatives to #1f2f83

#1f2f83 Preview

Shades and Tints of #1f2f83

Tones of #1f2f83

Color Blindness Simulator