#1f226c hex color

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

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

● #1f226c color description : Very dark blue.

The hexadecimal color #1f226c has RGB values of R:31, G:34, B:108 and CMYK values of C:0.71, M:0.69, Y:0, K:0.58. Its decimal value is 2040428.

Hex triplet	1f226c	`#1f226c`
RGB Decimal	31, 34, 108	`rgb(31,34,108)`
RGB Percent	12.2, 13.3, 42.4	`rgb(12.2%,13.3%,42.4%)`
CMYK	71, 69, 0, 58
HSL	237.7°, 55.4, 27.3	`hsl(237.7,55.4%,27.3%)`
HSV (or HSB)	237.7°, 71.3, 42.4
Web Safe	333366	`#333366`

CIE-LAB	17.999, 25.069, -43.443
XYZ	3.843, 2.518, 14.47
xyY	0.184, 0.121, 2.518
CIE-LCH	17.999, 50.157, 299.987
CIE-LUV	17.999, -3.983, -47.22
Hunter-Lab	15.868, 15.466, -42.96
Binary	00011111, 00100010, 01101100

#1f226c
```
#1f226c rgb(31,34,108)
```
#6c691f
```
#6c691f rgb(108,105,31)
```

Complementary Color

#1f496c
```
#1f496c rgb(31,73,108)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#431f6c
```
#431f6c rgb(67,31,108)
```

Analogous Color

#496c1f
```
#496c1f rgb(73,108,31)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#6c431f
```
#6c431f rgb(108,67,31)
```

Split Complementary Color

#226c1f
```
#226c1f rgb(34,108,31)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#6c1f22
```
#6c1f22 rgb(108,31,34)
```

Triadic Color

#1f6c69
```
#1f6c69 rgb(31,108,105)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#6c1f22
```
#6c1f22 rgb(108,31,34)
```
#6c691f
```
#6c691f rgb(108,105,31)
```

Tetradic Color

#0e0f31
```
#0e0f31 rgb(14,15,49)
```
#141644
```
#141644 rgb(20,22,68)
```
#191c58
```
#191c58 rgb(25,28,88)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#252880
```
#252880 rgb(37,40,128)
```
#2a2e94
```
#2a2e94 rgb(42,46,148)
```
#3035a7
```
#3035a7 rgb(48,53,167)
```

Monochromatic Color

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

#1f356c
```
#1f356c rgb(31,53,108)
```
#1f2f6c
```
#1f2f6c rgb(31,47,108)
```
#1f286c
```
#1f286c rgb(31,40,108)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#221f6c
```
#221f6c rgb(34,31,108)
```
#291f6c
```
#291f6c rgb(41,31,108)
```
#2f1f6c
```
#2f1f6c rgb(47,31,108)
```

Similar Colors

Text with hexadecimal color #1f226c

This text has a font color of #1f226c.

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

#1f226c background color

This paragraph has a background color of #1f226c.

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

#1f226c border color

This element has a border color of #1f226c.

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

CSS codes

.text {color:#1f226c;}

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

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

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 #f1f1fb is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#050511
```
#050511 rgb(5,5,17)
```
#090a20
```
#090a20 rgb(9,10,32)
```
#0e0f2f
```
#0e0f2f rgb(14,15,47)
```
#12143e
```
#12143e rgb(18,20,62)
```
#16184e
```
#16184e rgb(22,24,78)
```
#1b1d5d
```
#1b1d5d rgb(27,29,93)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#23277b
```
#23277b rgb(35,39,123)
```
#282c8a
```
#282c8a rgb(40,44,138)
```
#2c309a
```
#2c309a rgb(44,48,154)
```
#3035a9
```
#3035a9 rgb(48,53,169)
```
#353ab8
```
#353ab8 rgb(53,58,184)
```

Shade Color Variation

#3a40c7
```
#3a40c7 rgb(58,64,199)
```
#494ecb
```
#494ecb rgb(73,78,203)
```
#595dcf
```
#595dcf rgb(89,93,207)
```
#686cd4
```
#686cd4 rgb(104,108,212)
```
#777bd8
```
#777bd8 rgb(119,123,216)
```
#868adc
```
#868adc rgb(134,138,220)
```
#9699e1
```
#9699e1 rgb(150,153,225)
```
#a5a7e5
```
#a5a7e5 rgb(165,167,229)
```
#b4b6ea
```
#b4b6ea rgb(180,182,234)
```
#c3c5ee
```
#c3c5ee rgb(195,197,238)
```
#d3d4f2
```
#d3d4f2 rgb(211,212,242)
```
#e2e3f7
```
#e2e3f7 rgb(226,227,247)
```
#f1f1fb
```
#f1f1fb rgb(241,241,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 #040987 is the most saturated one.

#444547
```
#444547 rgb(68,69,71)
```
#3f404c
```
#3f404c rgb(63,64,76)
```
#3a3b51
```
#3a3b51 rgb(58,59,81)
```
#343657
```
#343657 rgb(52,54,87)
```
#2f315c
```
#2f315c rgb(47,49,92)
```
#2a2c61
```
#2a2c61 rgb(42,44,97)
```
#242767
```
#242767 rgb(36,39,103)
```
#1f226c
```
#1f226c rgb(31,34,108)
```
#1a1d71
```
#1a1d71 rgb(26,29,113)
```
#141877
```
#141877 rgb(20,24,119)
```
#0f137c
```
#0f137c rgb(15,19,124)
```
#0a0e81
```
#0a0e81 rgb(10,14,129)
```
#040987
```
#040987 rgb(4,9,135)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#282837 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003568 Protanopia 1% of men
#00385a Deuteranopia 1% of men
#003c40 Tritanopia 0.001% of the population

Trichromacy

#0b2e69 Protanomaly 1% of men, 0.01% of women
#0b3061 Deuteranomaly 6% of men, 0.4% of women
#0b3250 Tritanomaly 0.01% of the population

#1f226c hex color

#1f226c Color Information

#1f226c Color Conversion

Color Schemes with #1f226c

Alternatives to #1f226c

#1f226c Preview

Shades and Tints of #1f226c

Tones of #1f226c

Color Blindness Simulator