#1f307e hex color

In a RGB color space, hex #1f307e is composed of 12.2% red, 18.8% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 61.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 229.3 degrees, a saturation of 60.5% and a lightness of 30.8%. #1f307e color hex could be obtained by blending #3e60fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 19
- B 49
RGB color chart
- C 75
- M 62
- Y 0
- K 51
CMYK color chart

● #1f307e color description : Dark blue.

The hexadecimal color #1f307e has RGB values of R:31, G:48, B:126 and CMYK values of C:0.75, M:0.62, Y:0, K:0.51. Its decimal value is 2044030.

Hex triplet	1f307e	`#1f307e`
RGB Decimal	31, 48, 126	`rgb(31,48,126)`
RGB Percent	12.2, 18.8, 49.4	`rgb(12.2%,18.8%,49.4%)`
CMYK	75, 62, 0, 51
HSL	229.3°, 60.5, 30.8	`hsl(229.3,60.5%,30.8%)`
HSV (or HSB)	229.3°, 75.4, 49.4
Web Safe	333366	`#333366`

CIE-LAB	23.376, 22.34, -46.194
XYZ	5.387, 3.911, 20.209
xyY	0.183, 0.133, 3.911
CIE-LCH	23.376, 51.312, 295.809
CIE-LUV	23.376, -7.6, -56.525
Hunter-Lab	19.777, 14.013, -46.741
Binary	00011111, 00110000, 01111110

#1f307e
```
#1f307e rgb(31,48,126)
```
#7e6d1f
```
#7e6d1f rgb(126,109,31)
```

Complementary Color

#1f607e
```
#1f607e rgb(31,96,126)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#3e1f7e
```
#3e1f7e rgb(62,31,126)
```

Analogous Color

#607e1f
```
#607e1f rgb(96,126,31)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#7e3e1f
```
#7e3e1f rgb(126,62,31)
```

Split Complementary Color

#307e1f
```
#307e1f rgb(48,126,31)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#7e1f30
```
#7e1f30 rgb(126,31,48)
```

Triadic Color

#1f7e6d
```
#1f7e6d rgb(31,126,109)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#7e1f30
```
#7e1f30 rgb(126,31,48)
```
#7e6d1f
```
#7e6d1f rgb(126,109,31)
```

Tetradic Color

#101941
```
#101941 rgb(16,25,65)
```
#152055
```
#152055 rgb(21,32,85)
```
#1a286a
```
#1a286a rgb(26,40,106)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#243892
```
#243892 rgb(36,56,146)
```
#2940a7
```
#2940a7 rgb(41,64,167)
```
#2e47bb
```
#2e47bb rgb(46,71,187)
```

Monochromatic Color

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

#1f487e
```
#1f487e rgb(31,72,126)
```
#1f407e
```
#1f407e rgb(31,64,126)
```
#1f387e
```
#1f387e rgb(31,56,126)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#1f287e
```
#1f287e rgb(31,40,126)
```
#1f207e
```
#1f207e rgb(31,32,126)
```
#261f7e
```
#261f7e rgb(38,31,126)
```

Similar Colors

Text with hexadecimal color #1f307e

This text has a font color of #1f307e.

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

#1f307e background color

This paragraph has a background color of #1f307e.

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

#1f307e border color

This element has a border color of #1f307e.

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

CSS codes

.text {color:#1f307e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#080c20
```
#080c20 rgb(8,12,32)
```
#0c122f
```
#0c122f rgb(12,18,47)
```
#10183f
```
#10183f rgb(16,24,63)
```
#131e4f
```
#131e4f rgb(19,30,79)
```
#17245f
```
#17245f rgb(23,36,95)
```
#1b2a6e
```
#1b2a6e rgb(27,42,110)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#23368e
```
#23368e rgb(35,54,142)
```
#273c9d
```
#273c9d rgb(39,60,157)
```
#2b42ad
```
#2b42ad rgb(43,66,173)
```
#2e48bd
```
#2e48bd rgb(46,72,189)
```

Shade Color Variation

#324ecd
```
#324ecd rgb(50,78,205)
```
#425cd1
```
#425cd1 rgb(66,92,209)
```
#5269d4
```
#5269d4 rgb(82,105,212)
```
#6277d8
```
#6277d8 rgb(98,119,216)
```
#7184dc
```
#7184dc rgb(113,132,220)
```
#8192e0
```
#8192e0 rgb(129,146,224)
```
#91a0e4
```
#91a0e4 rgb(145,160,228)
```
#a1ade8
```
#a1ade8 rgb(161,173,232)
```
#b0bbec
```
#b0bbec rgb(176,187,236)
```
#c0c9f0
```
#c0c9f0 rgb(192,201,240)
```
#d0d6f3
```
#d0d6f3 rgb(208,214,243)
```
#e0e4f7
```
#e0e4f7 rgb(224,228,247)
```
#eff1fb
```
#eff1fb rgb(239,241,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b54 is the less saturated color, while #011d9c is the most saturated one.

#494b54
```
#494b54 rgb(73,75,84)
```
#43475a
```
#43475a rgb(67,71,90)
```
#3d4360
```
#3d4360 rgb(61,67,96)
```
#374066
```
#374066 rgb(55,64,102)
```
#313c6c
```
#313c6c rgb(49,60,108)
```
#2b3872
```
#2b3872 rgb(43,56,114)
```
#253478
```
#253478 rgb(37,52,120)
```
#1f307e
```
#1f307e rgb(31,48,126)
```
#192c84
```
#192c84 rgb(25,44,132)
```
#13288a
```
#13288a rgb(19,40,138)
```
#0d2490
```
#0d2490 rgb(13,36,144)
```
#072096
```
#072096 rgb(7,32,150)
```
#011d9c
```
#011d9c rgb(1,29,156)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#0b3a7d Protanomaly 1% of men, 0.01% of women
#0b3c73 Deuteranomaly 6% of men, 0.4% of women
#0b3f5e Tritanomaly 0.01% of the population

#1f307e hex color

#1f307e Color Information

#1f307e Color Conversion

Color Schemes with #1f307e

Alternatives to #1f307e

#1f307e Preview

Shades and Tints of #1f307e

Tones of #1f307e

Color Blindness Simulator