colorhexa.com

#1f2f98 hex color

In a RGB color space, hex #1f2f98 is composed of 12.2% red, 18.4% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 69.1% magenta, 0% yellow and 40.4% black. It has a hue angle of 232.1 degrees, a saturation of 66.1% and a lightness of 35.9%. #1f2f98 color hex could be obtained by blending #3e5eff with #000031. Closest websafe color is: #333399.

- R 12
- G 18
- B 60
RGB color chart
- C 80
- M 69
- Y 0
- K 40
CMYK color chart

● #1f2f98 color description : Dark blue.

The hexadecimal color #1f2f98 has RGB values of R:31, G:47, B:152 and CMYK values of C:0.8, M:0.69, Y:0, K:0.4. Its decimal value is 2043800.

Hex triplet	1f2f98	`#1f2f98`
RGB Decimal	31, 47, 152	`rgb(31,47,152)`
RGB Percent	12.2, 18.4, 59.6	`rgb(12.2%,18.4%,59.6%)`
CMYK	80, 69, 0, 40
HSL	232.1°, 66.1, 35.9	`hsl(232.1,66.1%,35.9%)`
HSV (or HSB)	232.1°, 79.6, 59.6
Web Safe	333399	`#333399`

CIE-LAB	25.536, 32.996, -58.829
XYZ	7.248, 4.591, 30.208
xyY	0.172, 0.109, 4.591
CIE-LCH	25.536, 67.45, 299.287
CIE-LUV	25.536, -7.954, -73.209
Hunter-Lab	21.426, 22.886, -68.593
Binary	00011111, 00101111, 10011000

#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#98881f
```
#98881f rgb(152,136,31)
```

Complementary Color

#1f6c98
```
#1f6c98 rgb(31,108,152)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#4c1f98
```
#4c1f98 rgb(76,31,152)
```

Analogous Color

#6c981f
```
#6c981f rgb(108,152,31)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#984c1f
```
#984c1f rgb(152,76,31)
```

Split Complementary Color

#2f981f
```
#2f981f rgb(47,152,31)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#981f2f
```
#981f2f rgb(152,31,47)
```

Triadic Color

#1f9888
```
#1f9888 rgb(31,152,136)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#981f2f
```
#981f2f rgb(152,31,47)
```
#98881f
```
#98881f rgb(152,136,31)
```

Tetradic Color

#121b58
```
#121b58 rgb(18,27,88)
```
#16226e
```
#16226e rgb(22,34,110)
```
#1b2883
```
#1b2883 rgb(27,40,131)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#2336ad
```
#2336ad rgb(35,54,173)
```
#283cc2
```
#283cc2 rgb(40,60,194)
```
#2f45d5
```
#2f45d5 rgb(47,69,213)
```

Monochromatic Color

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

#1f4d98
```
#1f4d98 rgb(31,77,152)
```
#1f4398
```
#1f4398 rgb(31,67,152)
```
#1f3998
```
#1f3998 rgb(31,57,152)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#1f2598
```
#1f2598 rgb(31,37,152)
```
#231f98
```
#231f98 rgb(35,31,152)
```
#2d1f98
```
#2d1f98 rgb(45,31,152)
```

Similar Colors

Text with hexadecimal color #1f2f98

This text has a font color of #1f2f98.

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

#1f2f98 background color

This paragraph has a background color of #1f2f98.

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

#1f2f98 border color

This element has a border color of #1f2f98.

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

CSS codes

.text {color:#1f2f98;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040716
```
#040716 rgb(4,7,22)
```
#080c26
```
#080c26 rgb(8,12,38)
```
#0b1136
```
#0b1136 rgb(11,17,54)
```
#0e1647
```
#0e1647 rgb(14,22,71)
```
#121b57
```
#121b57 rgb(18,27,87)
```
#152067
```
#152067 rgb(21,32,103)
```
#182577
```
#182577 rgb(24,37,119)
```
#1c2a88
```
#1c2a88 rgb(28,42,136)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#2234a8
```
#2234a8 rgb(34,52,168)
```
#2639b9
```
#2639b9 rgb(38,57,185)
```
#293ec9
```
#293ec9 rgb(41,62,201)
```

Shade Color Variation

#3146d5
```
#3146d5 rgb(49,70,213)
```
#4155d8
```
#4155d8 rgb(65,85,216)
```
#5163dc
```
#5163dc rgb(81,99,220)
```
#6172df
```
#6172df rgb(97,114,223)
```
#7281e2
```
#7281e2 rgb(114,129,226)
```
#828fe6
```
#828fe6 rgb(130,143,230)
```
#929ee9
```
#929ee9 rgb(146,158,233)
```
#a3acec
```
#a3acec rgb(163,172,236)
```
#b3bbef
```
#b3bbef rgb(179,187,239)
```
#c3c9f3
```
#c3c9f3 rgb(195,201,243)
```
#d3d8f6
```
#d3d8f6 rgb(211,216,246)
```
#e4e7f9
```
#e4e7f9 rgb(228,231,249)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

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

#575860
```
#575860 rgb(87,88,96)
```
#505367
```
#505367 rgb(80,83,103)
```
#494e6e
```
#494e6e rgb(73,78,110)
```
#424975
```
#424975 rgb(66,73,117)
```
#3b447c
```
#3b447c rgb(59,68,124)
```
#343f83
```
#343f83 rgb(52,63,131)
```
#2d398a
```
#2d398a rgb(45,57,138)
```
#263491
```
#263491 rgb(38,52,145)
```
#1f2f98
```
#1f2f98 rgb(31,47,152)
```
#182a9f
```
#182a9f rgb(24,42,159)
```
#1125a6
```
#1125a6 rgb(17,37,166)
```
#0a1fad
```
#0a1fad rgb(10,31,173)
```
#031ab4
```
#031ab4 rgb(3,26,180)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#31354a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004874 Deuteranopia 1% of men
#004d51 Tritanopia 0.001% of the population

Trichromacy

#0b3c8c Protanomaly 1% of men, 0.01% of women
#0b3f81 Deuteranomaly 6% of men, 0.4% of women
#0b426b Tritanomaly 0.01% of the population