colorhexa.com

#1f106f hex color

In a RGB color space, hex #1f106f is composed of 12.2% red, 6.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 85.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 249.5 degrees, a saturation of 74.8% and a lightness of 24.9%. #1f106f color hex could be obtained by blending #3e20de with #000000. Closest websafe color is: #330066.

- R 12
- G 6
- B 44
RGB color chart
- C 72
- M 86
- Y 0
- K 56
CMYK color chart

● #1f106f color description : Very dark blue.

The hexadecimal color #1f106f has RGB values of R:31, G:16, B:111 and CMYK values of C:0.72, M:0.86, Y:0, K:0.56. Its decimal value is 2035823.

Hex triplet	1f106f	`#1f106f`
RGB Decimal	31, 16, 111	`rgb(31,16,111)`
RGB Percent	12.2, 6.3, 43.5	`rgb(12.2%,6.3%,43.5%)`
CMYK	72, 86, 0, 56
HSL	249.5°, 74.8, 24.9	`hsl(249.5,74.8%,24.9%)`
HSV (or HSB)	249.5°, 85.6, 43.5
Web Safe	330066	`#330066`

CIE-LAB	14.453, 36.946, -51.237
XYZ	3.619, 1.809, 15.197
xyY	0.175, 0.088, 1.809
CIE-LCH	14.453, 63.169, 305.795
CIE-LUV	14.453, -1.548, -47.922
Hunter-Lab	13.451, 24.485, -57.566
Binary	00011111, 00010000, 01101111

#1f106f
```
#1f106f rgb(31,16,111)
```
#606f10
```
#606f10 rgb(96,111,16)
```

Complementary Color

#10316f
```
#10316f rgb(16,49,111)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#4f106f
```
#4f106f rgb(79,16,111)
```

Analogous Color

#316f10
```
#316f10 rgb(49,111,16)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#6f4f10
```
#6f4f10 rgb(111,79,16)
```

Split Complementary Color

#106f1f
```
#106f1f rgb(16,111,31)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#6f1f10
```
#6f1f10 rgb(111,31,16)
```

Triadic Color

#0c062c
```
#0c062c rgb(12,6,44)
```
#130a42
```
#130a42 rgb(19,10,66)
```
#190d59
```
#190d59 rgb(25,13,89)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#251385
```
#251385 rgb(37,19,133)
```
#2b169c
```
#2b169c rgb(43,22,156)
```
#321ab2
```
#321ab2 rgb(50,26,178)
```

Monochromatic Color

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

#10196f
```
#10196f rgb(16,25,111)
```
#10116f
```
#10116f rgb(16,17,111)
```
#17106f
```
#17106f rgb(23,16,111)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#27106f
```
#27106f rgb(39,16,111)
```
#2f106f
```
#2f106f rgb(47,16,111)
```
#37106f
```
#37106f rgb(55,16,111)
```

Similar Colors

Text with hexadecimal color #1f106f

This text has a font color of #1f106f.

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

#1f106f background color

This paragraph has a background color of #1f106f.

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

#1f106f border color

This element has a border color of #1f106f.

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

CSS codes

.text {color:#1f106f;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#070419
```
#070419 rgb(7,4,25)
```
#0c062a
```
#0c062a rgb(12,6,42)
```
#11093c
```
#11093c rgb(17,9,60)
```
#150b4d
```
#150b4d rgb(21,11,77)
```
#1a0e5e
```
#1a0e5e rgb(26,14,94)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#241280
```
#241280 rgb(36,18,128)
```
#291591
```
#291591 rgb(41,21,145)
```
#2d17a2
```
#2d17a2 rgb(45,23,162)
```
#321ab4
```
#321ab4 rgb(50,26,180)
```
#371cc5
```
#371cc5 rgb(55,28,197)
```
#3c1fd6
```
#3c1fd6 rgb(60,31,214)
```

Shade Color Variation

#4528e0
```
#4528e0 rgb(69,40,224)
```
#5439e3
```
#5439e3 rgb(84,57,227)
```
#634be5
```
#634be5 rgb(99,75,229)
```
#725ce7
```
#725ce7 rgb(114,92,231)
```
#816dea
```
#816dea rgb(129,109,234)
```
#8f7eec
```
#8f7eec rgb(143,126,236)
```
#9e8fef
```
#9e8fef rgb(158,143,239)
```
#ada0f1
```
#ada0f1 rgb(173,160,241)
```
#bcb1f4
```
#bcb1f4 rgb(188,177,244)
```
#cbc3f6
```
#cbc3f6 rgb(203,195,246)
```
#dad4f9
```
#dad4f9 rgb(218,212,249)
```
#e8e5fb
```
#e8e5fb rgb(232,229,251)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

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

#3d3c43
```
#3d3c43 rgb(61,60,67)
```
#3a3748
```
#3a3748 rgb(58,55,72)
```
#36324d
```
#36324d rgb(54,50,77)
```
#332d52
```
#332d52 rgb(51,45,82)
```
#302857
```
#302857 rgb(48,40,87)
```
#2c245b
```
#2c245b rgb(44,36,91)
```
#291f60
```
#291f60 rgb(41,31,96)
```
#261a65
```
#261a65 rgb(38,26,101)
```
#22156a
```
#22156a rgb(34,21,106)
```
#1f106f
```
#1f106f rgb(31,16,111)
```
#1c0b74
```
#1c0b74 rgb(28,11,116)
```
#180679
```
#180679 rgb(24,6,121)
```
#15017e
```
#15017e rgb(21,1,126)
```

Tone Color Variation

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

#1f1f1f Achromatopsia 0.005% of the population
#1f1c2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00314e Deuteranopia 1% of men
#003437 Tritanopia 0.001% of the population

Trichromacy

#0b2361 Protanomaly 1% of men, 0.01% of women
#0b255a Deuteranomaly 6% of men, 0.4% of women
#0b274b Tritanomaly 0.01% of the population