#1f225a hex color

In a RGB color space, hex #1f225a is composed of 12.2% red, 13.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 62.2% magenta, 0% yellow and 64.7% black. It has a hue angle of 236.9 degrees, a saturation of 48.8% and a lightness of 23.7%. #1f225a color hex could be obtained by blending #3e44b4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 13
- B 35
RGB color chart
- C 66
- M 62
- Y 0
- K 65
CMYK color chart

● #1f225a color description : Very dark blue.

The hexadecimal color #1f225a has RGB values of R:31, G:34, B:90 and CMYK values of C:0.66, M:0.62, Y:0, K:0.65. Its decimal value is 2040410.

Hex triplet	1f225a	`#1f225a`
RGB Decimal	31, 34, 90	`rgb(31,34,90)`
RGB Percent	12.2, 13.3, 35.3	`rgb(12.2%,13.3%,35.3%)`
CMYK	66, 62, 0, 65
HSL	236.9°, 48.8, 23.7	`hsl(236.9,48.8%,23.7%)`
HSV (or HSB)	236.9°, 65.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	16.372, 18.166, -34.224
XYZ	2.982, 2.173, 9.935
xyY	0.198, 0.144, 2.173
CIE-LCH	16.372, 38.747, 297.959
CIE-LUV	16.372, -3.279, -36.009
Hunter-Lab	14.742, 10.309, -29.635
Binary	00011111, 00100010, 01011010

#1f225a
```
#1f225a rgb(31,34,90)
```
#5a571f
```
#5a571f rgb(90,87,31)
```

Complementary Color

#1f405a
```
#1f405a rgb(31,64,90)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#3a1f5a
```
#3a1f5a rgb(58,31,90)
```

Analogous Color

#405a1f
```
#405a1f rgb(64,90,31)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#5a3a1f
```
#5a3a1f rgb(90,58,31)
```

Split Complementary Color

#225a1f
```
#225a1f rgb(34,90,31)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#5a1f22
```
#5a1f22 rgb(90,31,34)
```

Triadic Color

#1f5a57
```
#1f5a57 rgb(31,90,87)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#5a1f22
```
#5a1f22 rgb(90,31,34)
```
#5a571f
```
#5a571f rgb(90,87,31)
```

Tetradic Color

#0b0d21
```
#0b0d21 rgb(11,13,33)
```
#121434
```
#121434 rgb(18,20,52)
```
#181b47
```
#181b47 rgb(24,27,71)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#26296d
```
#26296d rgb(38,41,109)
```
#2c3080
```
#2c3080 rgb(44,48,128)
```
#333793
```
#333793 rgb(51,55,147)
```

Monochromatic Color

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

#1f315a
```
#1f315a rgb(31,49,90)
```
#1f2c5a
```
#1f2c5a rgb(31,44,90)
```
#1f275a
```
#1f275a rgb(31,39,90)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#211f5a
```
#211f5a rgb(33,31,90)
```
#261f5a
```
#261f5a rgb(38,31,90)
```
#2b1f5a
```
#2b1f5a rgb(43,31,90)
```

Similar Colors

Text with hexadecimal color #1f225a

This text has a font color of #1f225a.

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

#1f225a background color

This paragraph has a background color of #1f225a.

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

#1f225a border color

This element has a border color of #1f225a.

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

CSS codes

.text {color:#1f225a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060611
```
#060611 rgb(6,6,17)
```
#0b0c20
```
#0b0c20 rgb(11,12,32)
```
#10112e
```
#10112e rgb(16,17,46)
```
#15173d
```
#15173d rgb(21,23,61)
```
#1a1c4b
```
#1a1c4b rgb(26,28,75)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#242869
```
#242869 rgb(36,40,105)
```
#292d77
```
#292d77 rgb(41,45,119)
```
#2e3386
```
#2e3386 rgb(46,51,134)
```
#333894
```
#333894 rgb(51,56,148)
```
#383ea3
```
#383ea3 rgb(56,62,163)
```
#3d43b2
```
#3d43b2 rgb(61,67,178)
```

Shade Color Variation

#444abf
```
#444abf rgb(68,74,191)
```
#5258c4
```
#5258c4 rgb(82,88,196)
```
#6166c9
```
#6166c9 rgb(97,102,201)
```
#7074ce
```
#7074ce rgb(112,116,206)
```
#7e82d3
```
#7e82d3 rgb(126,130,211)
```
#8d91d8
```
#8d91d8 rgb(141,145,216)
```
#9b9fdd
```
#9b9fdd rgb(155,159,221)
```
#aaade2
```
#aaade2 rgb(170,173,226)
```
#b9bbe7
```
#b9bbe7 rgb(185,187,231)
```
#c7c9ec
```
#c7c9ec rgb(199,201,236)
```
#d6d7f1
```
#d6d7f1 rgb(214,215,241)
```
#e4e5f6
```
#e4e5f6 rgb(228,229,246)
```
#f3f3fb
```
#f3f3fb rgb(243,243,251)
```

Tint Color Variation

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

#3b3b3e
```
#3b3b3e rgb(59,59,62)
```
#363743
```
#363743 rgb(54,55,67)
```
#323347
```
#323347 rgb(50,51,71)
```
#2d2f4c
```
#2d2f4c rgb(45,47,76)
```
#282a51
```
#282a51 rgb(40,42,81)
```
#242655
```
#242655 rgb(36,38,85)
```
#1f225a
```
#1f225a rgb(31,34,90)
```
#1a1e5f
```
#1a1e5f rgb(26,30,95)
```
#161a63
```
#161a63 rgb(22,26,99)
```
#111568
```
#111568 rgb(17,21,104)
```
#0c116d
```
#0c116d rgb(12,17,109)
```
#080d71
```
#080d71 rgb(8,13,113)
```
#030976
```
#030976 rgb(3,9,118)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#252631 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003262 Protanopia 1% of men
#003456 Deuteranopia 1% of men
#10383c Tritanopia 0.001% of the population

Trichromacy

#0b2c5f Protanomaly 1% of men, 0.01% of women
#0b2d57 Deuteranomaly 6% of men, 0.4% of women
#153047 Tritanomaly 0.01% of the population

#1f225a hex color

#1f225a Color Information

#1f225a Color Conversion

Color Schemes with #1f225a

Alternatives to #1f225a

#1f225a Preview

Shades and Tints of #1f225a

Tones of #1f225a

Color Blindness Simulator