#1f305e hex color

In a RGB color space, hex #1f305e is composed of 12.2% red, 18.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 48.9% magenta, 0% yellow and 63.1% black. It has a hue angle of 223.8 degrees, a saturation of 50.4% and a lightness of 24.5%. #1f305e color hex could be obtained by blending #3e60bc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 19
- B 37
RGB color chart
- C 67
- M 49
- Y 0
- K 63
CMYK color chart

● #1f305e color description : Very dark blue.

The hexadecimal color #1f305e has RGB values of R:31, G:48, B:94 and CMYK values of C:0.67, M:0.49, Y:0, K:0.63. Its decimal value is 2043998.

Hex triplet	1f305e	`#1f305e`
RGB Decimal	31, 48, 94	`rgb(31,48,94)`
RGB Percent	12.2, 18.8, 36.9	`rgb(12.2%,18.8%,36.9%)`
CMYK	67, 49, 0, 63
HSL	223.8°, 50.4, 24.5	`hsl(223.8,50.4%,24.5%)`
HSV (or HSB)	223.8°, 67, 36.9
Web Safe	333366	`#333366`

CIE-LAB	20.878, 9.608, -29.614
XYZ	3.642, 3.213, 11.017
xyY	0.204, 0.18, 3.213
CIE-LCH	20.878, 31.134, 287.976
CIE-LUV	20.878, -7.12, -34.655
Hunter-Lab	17.925, 4.898, -23.893
Binary	00011111, 00110000, 01011110

#1f305e
```
#1f305e rgb(31,48,94)
```
#5e4d1f
```
#5e4d1f rgb(94,77,31)
```

Complementary Color

#1f505e
```
#1f505e rgb(31,80,94)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#2e1f5e
```
#2e1f5e rgb(46,31,94)
```

Analogous Color

#505e1f
```
#505e1f rgb(80,94,31)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#5e2e1f
```
#5e2e1f rgb(94,46,31)
```

Split Complementary Color

#305e1f
```
#305e1f rgb(48,94,31)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#5e1f30
```
#5e1f30 rgb(94,31,48)
```

Triadic Color

#1f5e4d
```
#1f5e4d rgb(31,94,77)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#5e1f30
```
#5e1f30 rgb(94,31,48)
```
#5e4d1f
```
#5e4d1f rgb(94,77,31)
```

Tetradic Color

#0c1324
```
#0c1324 rgb(12,19,36)
```
#121c38
```
#121c38 rgb(18,28,56)
```
#19264b
```
#19264b rgb(25,38,75)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#253a71
```
#253a71 rgb(37,58,113)
```
#2c4484
```
#2c4484 rgb(44,68,132)
```
#324d98
```
#324d98 rgb(50,77,152)
```

Monochromatic Color

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

#1f405e
```
#1f405e rgb(31,64,94)
```
#1f3b5e
```
#1f3b5e rgb(31,59,94)
```
#1f355e
```
#1f355e rgb(31,53,94)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#1f2b5e
```
#1f2b5e rgb(31,43,94)
```
#1f265e
```
#1f265e rgb(31,38,94)
```
#1f205e
```
#1f205e rgb(31,32,94)
```

Similar Colors

Text with hexadecimal color #1f305e

This text has a font color of #1f305e.

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

#1f305e background color

This paragraph has a background color of #1f305e.

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

#1f305e border color

This element has a border color of #1f305e.

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

CSS codes

.text {color:#1f305e;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070a14
```
#070a14 rgb(7,10,20)
```
#0c1223
```
#0c1223 rgb(12,18,35)
```
#101932
```
#101932 rgb(16,25,50)
```
#152140
```
#152140 rgb(21,33,64)
```
#1a284f
```
#1a284f rgb(26,40,79)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#24386d
```
#24386d rgb(36,56,109)
```
#293f7c
```
#293f7c rgb(41,63,124)
```
#2e478a
```
#2e478a rgb(46,71,138)
```
#324e99
```
#324e99 rgb(50,78,153)
```
#3756a8
```
#3756a8 rgb(55,86,168)
```
#3c5db7
```
#3c5db7 rgb(60,93,183)
```

Shade Color Variation

#4566c2
```
#4566c2 rgb(69,102,194)
```
#5373c6
```
#5373c6 rgb(83,115,198)
```
#627fcb
```
#627fcb rgb(98,127,203)
```
#718bd0
```
#718bd0 rgb(113,139,208)
```
#8097d5
```
#8097d5 rgb(128,151,213)
```
#8ea3da
```
#8ea3da rgb(142,163,218)
```
#9dafdf
```
#9dafdf rgb(157,175,223)
```
#acbbe4
```
#acbbe4 rgb(172,187,228)
```
#bbc7e8
```
#bbc7e8 rgb(187,199,232)
```
#c9d3ed
```
#c9d3ed rgb(201,211,237)
```
#d8dff2
```
#d8dff2 rgb(216,223,242)
```
#e7ebf7
```
#e7ebf7 rgb(231,235,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#3c3d41
```
#3c3d41 rgb(60,61,65)
```
#373b46
```
#373b46 rgb(55,59,70)
```
#32394b
```
#32394b rgb(50,57,75)
```
#2d3750
```
#2d3750 rgb(45,55,80)
```
#293454
```
#293454 rgb(41,52,84)
```
#243259
```
#243259 rgb(36,50,89)
```
#1f305e
```
#1f305e rgb(31,48,94)
```
#1a2e63
```
#1a2e63 rgb(26,46,99)
```
#152c68
```
#152c68 rgb(21,44,104)
```
#11296c
```
#11296c rgb(17,41,108)
```
#0c2771
```
#0c2771 rgb(12,39,113)
```
#072576
```
#072576 rgb(7,37,118)
```
#02237b
```
#02237b rgb(2,35,123)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d3039 Atypical Achromatopsia 0.001% of the population

Dichromacy

#263b66 Protanopia 1% of men
#153d65 Deuteranopia 1% of men
#144247 Tritanopia 0.001% of the population

Trichromacy

#233763 Protanomaly 1% of men, 0.01% of women
#193862 Deuteranomaly 6% of men, 0.4% of women
#183b4f Tritanomaly 0.01% of the population

#1f305e hex color

#1f305e Color Information

#1f305e Color Conversion

Color Schemes with #1f305e

Alternatives to #1f305e

#1f305e Preview

Shades and Tints of #1f305e

Tones of #1f305e

Color Blindness Simulator