#1f226e hex color

In a RGB color space, hex #1f226e is composed of 12.2% red, 13.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 69.1% magenta, 0% yellow and 56.9% black. It has a hue angle of 237.7 degrees, a saturation of 56% and a lightness of 27.6%. #1f226e color hex could be obtained by blending #3e44dc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 13
- B 43
RGB color chart
- C 72
- M 69
- Y 0
- K 57
CMYK color chart

● #1f226e color description : Very dark blue.

The hexadecimal color #1f226e has RGB values of R:31, G:34, B:110 and CMYK values of C:0.72, M:0.69, Y:0, K:0.57. Its decimal value is 2040430.

Hex triplet	1f226e	`#1f226e`
RGB Decimal	31, 34, 110	`rgb(31,34,110)`
RGB Percent	12.2, 13.3, 43.1	`rgb(12.2%,13.3%,43.1%)`
CMYK	72, 69, 0, 57
HSL	237.7°, 56, 27.6	`hsl(237.7,56%,27.6%)`
HSV (or HSB)	237.7°, 71.8, 43.1
Web Safe	333366	`#333366`

CIE-LAB	18.192, 25.826, -44.427
XYZ	3.951, 2.561, 15.037
xyY	0.183, 0.119, 2.561
CIE-LCH	18.192, 51.388, 300.17
CIE-LUV	18.192, -4.061, -48.447
Hunter-Lab	16.003, 16.065, -44.51
Binary	00011111, 00100010, 01101110

#1f226e
```
#1f226e rgb(31,34,110)
```
#6e6b1f
```
#6e6b1f rgb(110,107,31)
```

Complementary Color

#1f4a6e
```
#1f4a6e rgb(31,74,110)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#431f6e
```
#431f6e rgb(67,31,110)
```

Analogous Color

#4a6e1f
```
#4a6e1f rgb(74,110,31)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#6e441f
```
#6e441f rgb(110,68,31)
```

Split Complementary Color

#226e1f
```
#226e1f rgb(34,110,31)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#6e1f22
```
#6e1f22 rgb(110,31,34)
```

Triadic Color

#1f6e6b
```
#1f6e6b rgb(31,110,107)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#6e1f22
```
#6e1f22 rgb(110,31,34)
```
#6e6b1f
```
#6e6b1f rgb(110,107,31)
```

Tetradic Color

#0e1032
```
#0e1032 rgb(14,16,50)
```
#141646
```
#141646 rgb(20,22,70)
```
#191c5a
```
#191c5a rgb(25,28,90)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#252882
```
#252882 rgb(37,40,130)
```
#2a2e96
```
#2a2e96 rgb(42,46,150)
```
#3034aa
```
#3034aa rgb(48,52,170)
```

Monochromatic Color

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

#1f366e
```
#1f366e rgb(31,54,110)
```
#1f2f6e
```
#1f2f6e rgb(31,47,110)
```
#1f296e
```
#1f296e rgb(31,41,110)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#231f6e
```
#231f6e rgb(35,31,110)
```
#291f6e
```
#291f6e rgb(41,31,110)
```
#301f6e
```
#301f6e rgb(48,31,110)
```

Similar Colors

Text with hexadecimal color #1f226e

This text has a font color of #1f226e.

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

#1f226e background color

This paragraph has a background color of #1f226e.

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

#1f226e border color

This element has a border color of #1f226e.

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

CSS codes

.text {color:#1f226e;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050612
```
#050612 rgb(5,6,18)
```
#090a21
```
#090a21 rgb(9,10,33)
```
#0e0f31
```
#0e0f31 rgb(14,15,49)
```
#121440
```
#121440 rgb(18,20,64)
```
#16194f
```
#16194f rgb(22,25,79)
```
#1b1d5f
```
#1b1d5f rgb(27,29,95)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#23277d
```
#23277d rgb(35,39,125)
```
#282b8d
```
#282b8d rgb(40,43,141)
```
#2c309c
```
#2c309c rgb(44,48,156)
```
#3035ab
```
#3035ab rgb(48,53,171)
```
#353abb
```
#353abb rgb(53,58,187)
```

Shade Color Variation

#3b40c8
```
#3b40c8 rgb(59,64,200)
```
#4a4fcc
```
#4a4fcc rgb(74,79,204)
```
#5a5ed0
```
#5a5ed0 rgb(90,94,208)
```
#696dd5
```
#696dd5 rgb(105,109,213)
```
#787cd9
```
#787cd9 rgb(120,124,217)
```
#878bdd
```
#878bdd rgb(135,139,221)
```
#979ae2
```
#979ae2 rgb(151,154,226)
```
#a6a8e6
```
#a6a8e6 rgb(166,168,230)
```
#b5b7ea
```
#b5b7ea rgb(181,183,234)
```
#c5c6ef
```
#c5c6ef rgb(197,198,239)
```
#d4d5f3
```
#d4d5f3 rgb(212,213,243)
```
#e3e4f7
```
#e3e4f7 rgb(227,228,247)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

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

#454548
```
#454548 rgb(69,69,72)
```
#40404d
```
#40404d rgb(64,64,77)
```
#3a3b53
```
#3a3b53 rgb(58,59,83)
```
#353658
```
#353658 rgb(53,54,88)
```
#2f315e
```
#2f315e rgb(47,49,94)
```
#2a2c63
```
#2a2c63 rgb(42,44,99)
```
#242769
```
#242769 rgb(36,39,105)
```
#1f226e
```
#1f226e rgb(31,34,110)
```
#1a1d73
```
#1a1d73 rgb(26,29,115)
```
#141879
```
#141879 rgb(20,24,121)
```
#0f137e
```
#0f137e rgb(15,19,126)
```
#090e84
```
#090e84 rgb(9,14,132)
```
#040989
```
#040989 rgb(4,9,137)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#0b2e6a Protanomaly 1% of men, 0.01% of women
#0b3062 Deuteranomaly 6% of men, 0.4% of women
#0b3351 Tritanomaly 0.01% of the population

#1f226e hex color

#1f226e Color Information

#1f226e Color Conversion

Color Schemes with #1f226e

Alternatives to #1f226e

#1f226e Preview

Shades and Tints of #1f226e

Tones of #1f226e

Color Blindness Simulator