#1f306c hex color

In a RGB color space, hex #1f306c is composed of 12.2% red, 18.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 55.6% magenta, 0% yellow and 57.6% black. It has a hue angle of 226.8 degrees, a saturation of 55.4% and a lightness of 27.3%. #1f306c color hex could be obtained by blending #3e60d8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 19
- B 42
RGB color chart
- C 71
- M 56
- Y 0
- K 58
CMYK color chart

● #1f306c color description : Very dark blue.

The hexadecimal color #1f306c has RGB values of R:31, G:48, B:108 and CMYK values of C:0.71, M:0.56, Y:0, K:0.58. Its decimal value is 2044012.

Hex triplet	1f306c	`#1f306c`
RGB Decimal	31, 48, 108	`rgb(31,48,108)`
RGB Percent	12.2, 18.8, 42.4	`rgb(12.2%,18.8%,42.4%)`
CMYK	71, 56, 0, 58
HSL	226.8°, 55.4, 27.3	`hsl(226.8,55.4%,27.3%)`
HSV (or HSB)	226.8°, 71.3, 42.4
Web Safe	333366	`#333366`

CIE-LAB	21.9, 15.19, -37.097
XYZ	4.328, 3.488, 14.632
xyY	0.193, 0.155, 3.488
CIE-LCH	21.9, 40.086, 292.267
CIE-LUV	21.9, -7.299, -44.449
Hunter-Lab	18.675, 8.688, -33.38
Binary	00011111, 00110000, 01101100

#1f306c
```
#1f306c rgb(31,48,108)
```
#6c5b1f
```
#6c5b1f rgb(108,91,31)
```

Complementary Color

#1f576c
```
#1f576c rgb(31,87,108)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#351f6c
```
#351f6c rgb(53,31,108)
```

Analogous Color

#576c1f
```
#576c1f rgb(87,108,31)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#6c351f
```
#6c351f rgb(108,53,31)
```

Split Complementary Color

#306c1f
```
#306c1f rgb(48,108,31)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#6c1f30
```
#6c1f30 rgb(108,31,48)
```

Triadic Color

#1f6c5b
```
#1f6c5b rgb(31,108,91)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#6c1f30
```
#6c1f30 rgb(108,31,48)
```
#6c5b1f
```
#6c5b1f rgb(108,91,31)
```

Tetradic Color

#0e1631
```
#0e1631 rgb(14,22,49)
```
#141e44
```
#141e44 rgb(20,30,68)
```
#192758
```
#192758 rgb(25,39,88)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#253980
```
#253980 rgb(37,57,128)
```
#2a4294
```
#2a4294 rgb(42,66,148)
```
#304aa7
```
#304aa7 rgb(48,74,167)
```

Monochromatic Color

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

#1f436c
```
#1f436c rgb(31,67,108)
```
#1f3d6c
```
#1f3d6c rgb(31,61,108)
```
#1f366c
```
#1f366c rgb(31,54,108)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#1f2a6c
```
#1f2a6c rgb(31,42,108)
```
#1f236c
```
#1f236c rgb(31,35,108)
```
#211f6c
```
#211f6c rgb(33,31,108)
```

Similar Colors

Text with hexadecimal color #1f306c

This text has a font color of #1f306c.

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

#1f306c background color

This paragraph has a background color of #1f306c.

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

#1f306c border color

This element has a border color of #1f306c.

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

CSS codes

.text {color:#1f306c;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050711
```
#050711 rgb(5,7,17)
```
#090e20
```
#090e20 rgb(9,14,32)
```
#0e152f
```
#0e152f rgb(14,21,47)
```
#121c3e
```
#121c3e rgb(18,28,62)
```
#16224e
```
#16224e rgb(22,34,78)
```
#1b295d
```
#1b295d rgb(27,41,93)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#23377b
```
#23377b rgb(35,55,123)
```
#283e8a
```
#283e8a rgb(40,62,138)
```
#2c449a
```
#2c449a rgb(44,68,154)
```
#304ba9
```
#304ba9 rgb(48,75,169)
```
#3552b8
```
#3552b8 rgb(53,82,184)
```

Shade Color Variation

#3a59c7
```
#3a59c7 rgb(58,89,199)
```
#4966cb
```
#4966cb rgb(73,102,203)
```
#5973cf
```
#5973cf rgb(89,115,207)
```
#6880d4
```
#6880d4 rgb(104,128,212)
```
#778dd8
```
#778dd8 rgb(119,141,216)
```
#8699dc
```
#8699dc rgb(134,153,220)
```
#96a6e1
```
#96a6e1 rgb(150,166,225)
```
#a5b3e5
```
#a5b3e5 rgb(165,179,229)
```
#b4c0ea
```
#b4c0ea rgb(180,192,234)
```
#c3cdee
```
#c3cdee rgb(195,205,238)
```
#d3daf2
```
#d3daf2 rgb(211,218,242)
```
#e2e6f7
```
#e2e6f7 rgb(226,230,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#444547
```
#444547 rgb(68,69,71)
```
#3f424c
```
#3f424c rgb(63,66,76)
```
#3a3f51
```
#3a3f51 rgb(58,63,81)
```
#343c57
```
#343c57 rgb(52,60,87)
```
#2f395c
```
#2f395c rgb(47,57,92)
```
#2a3661
```
#2a3661 rgb(42,54,97)
```
#243367
```
#243367 rgb(36,51,103)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#1a2d71
```
#1a2d71 rgb(26,45,113)
```
#142a77
```
#142a77 rgb(20,42,119)
```
#0f277c
```
#0f277c rgb(15,39,124)
```
#0a2481
```
#0a2481 rgb(10,36,129)
```
#042187
```
#042187 rgb(4,33,135)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2e323e Atypical Achromatopsia 0.001% of the population

Dichromacy

#123d75 Protanopia 1% of men
#004069 Deuteranopia 1% of men
#004549 Tritanopia 0.001% of the population

Trichromacy

#173872 Protanomaly 1% of men, 0.01% of women
#0b3a6a Deuteranomaly 6% of men, 0.4% of women
#0b3d56 Tritanomaly 0.01% of the population

#1f306c hex color

#1f306c Color Information

#1f306c Color Conversion

Color Schemes with #1f306c

Alternatives to #1f306c

#1f306c Preview

Shades and Tints of #1f306c

Tones of #1f306c

Color Blindness Simulator