#1f347f hex color

In a RGB color space, hex #1f347f is composed of 12.2% red, 20.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 59.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 226.9 degrees, a saturation of 60.8% and a lightness of 31%. #1f347f color hex could be obtained by blending #3e68fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 20
- B 50
RGB color chart
- C 76
- M 59
- Y 0
- K 50
CMYK color chart

● #1f347f color description : Dark blue.

The hexadecimal color #1f347f has RGB values of R:31, G:52, B:127 and CMYK values of C:0.76, M:0.59, Y:0, K:0.5. Its decimal value is 2045055.

Hex triplet	1f347f	`#1f347f`
RGB Decimal	31, 52, 127	`rgb(31,52,127)`
RGB Percent	12.2, 20.4, 49.8	`rgb(12.2%,20.4%,49.8%)`
CMYK	76, 59, 0, 50
HSL	226.9°, 60.8, 31	`hsl(226.9,60.8%,31%)`
HSV (or HSB)	226.9°, 75.6, 49.8
Web Safe	333366	`#333366`

CIE-LAB	24.574, 19.939, -44.873
XYZ	5.623, 4.279, 20.607
xyY	0.184, 0.14, 4.279
CIE-LCH	24.574, 49.104, 293.957
CIE-LUV	24.574, -8.616, -56.147
Hunter-Lab	20.686, 12.32, -44.583
Binary	00011111, 00110100, 01111111

#1f347f
```
#1f347f rgb(31,52,127)
```
#7f6a1f
```
#7f6a1f rgb(127,106,31)
```

Complementary Color

#1f647f
```
#1f647f rgb(31,100,127)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#3a1f7f
```
#3a1f7f rgb(58,31,127)
```

Analogous Color

#647f1f
```
#647f1f rgb(100,127,31)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#7f3a1f
```
#7f3a1f rgb(127,58,31)
```

Split Complementary Color

#347f1f
```
#347f1f rgb(52,127,31)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#7f1f34
```
#7f1f34 rgb(127,31,52)
```

Triadic Color

#1f7f6a
```
#1f7f6a rgb(31,127,106)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#7f1f34
```
#7f1f34 rgb(127,31,52)
```
#7f6a1f
```
#7f6a1f rgb(127,106,31)
```

Tetradic Color

#101b42
```
#101b42 rgb(16,27,66)
```
#152356
```
#152356 rgb(21,35,86)
```
#1a2c6b
```
#1a2c6b rgb(26,44,107)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#243c93
```
#243c93 rgb(36,60,147)
```
#2945a8
```
#2945a8 rgb(41,69,168)
```
#2e4dbc
```
#2e4dbc rgb(46,77,188)
```

Monochromatic Color

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

#1f4c7f
```
#1f4c7f rgb(31,76,127)
```
#1f447f
```
#1f447f rgb(31,68,127)
```
#1f3c7f
```
#1f3c7f rgb(31,60,127)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#1f2c7f
```
#1f2c7f rgb(31,44,127)
```
#1f247f
```
#1f247f rgb(31,36,127)
```
#221f7f
```
#221f7f rgb(34,31,127)
```

Similar Colors

Text with hexadecimal color #1f347f

This text has a font color of #1f347f.

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

#1f347f background color

This paragraph has a background color of #1f347f.

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

#1f347f border color

This element has a border color of #1f347f.

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

CSS codes

.text {color:#1f347f;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080d20
```
#080d20 rgb(8,13,32)
```
#0c1430
```
#0c1430 rgb(12,20,48)
```
#101a40
```
#101a40 rgb(16,26,64)
```
#132150
```
#132150 rgb(19,33,80)
```
#17275f
```
#17275f rgb(23,39,95)
```
#1b2e6f
```
#1b2e6f rgb(27,46,111)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#233a8f
```
#233a8f rgb(35,58,143)
```
#27419f
```
#27419f rgb(39,65,159)
```
#2b47ae
```
#2b47ae rgb(43,71,174)
```
#2e4ebe
```
#2e4ebe rgb(46,78,190)
```

Shade Color Variation

#3355cd
```
#3355cd rgb(51,85,205)
```
#4362d1
```
#4362d1 rgb(67,98,209)
```
#526fd5
```
#526fd5 rgb(82,111,213)
```
#627cd9
```
#627cd9 rgb(98,124,217)
```
#7289dd
```
#7289dd rgb(114,137,221)
```
#8296e0
```
#8296e0 rgb(130,150,224)
```
#91a4e4
```
#91a4e4 rgb(145,164,228)
```
#a1b1e8
```
#a1b1e8 rgb(161,177,232)
```
#b1beec
```
#b1beec rgb(177,190,236)
```
#c1cbf0
```
#c1cbf0 rgb(193,203,240)
```
#d1d8f4
```
#d1d8f4 rgb(209,216,244)
```
#e0e5f8
```
#e0e5f8 rgb(224,229,248)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4c54 is the less saturated color, while #01239d is the most saturated one.

#4a4c54
```
#4a4c54 rgb(74,76,84)
```
#43495b
```
#43495b rgb(67,73,91)
```
#3d4561
```
#3d4561 rgb(61,69,97)
```
#374267
```
#374267 rgb(55,66,103)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#2b3b73
```
#2b3b73 rgb(43,59,115)
```
#253779
```
#253779 rgb(37,55,121)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#193185
```
#193185 rgb(25,49,133)
```
#132d8b
```
#132d8b rgb(19,45,139)
```
#0d2a91
```
#0d2a91 rgb(13,42,145)
```
#072697
```
#072697 rgb(7,38,151)
```
#01239d
```
#01239d rgb(1,35,157)
```

Tone Color Variation

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

Dichromacy

#004282 Protanopia 1% of men
#004672 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#0b3d81 Protanomaly 1% of men, 0.01% of women
#0b3f76 Deuteranomaly 6% of men, 0.4% of women
#0b4261 Tritanomaly 0.01% of the population

#1f347f hex color

#1f347f Color Information

#1f347f Color Conversion

Color Schemes with #1f347f

Alternatives to #1f347f

#1f347f Preview

Shades and Tints of #1f347f

Tones of #1f347f

Color Blindness Simulator