#1f2254 hex color

In a RGB color space, hex #1f2254 is composed of 12.2% red, 13.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 59.5% magenta, 0% yellow and 67.1% black. It has a hue angle of 236.6 degrees, a saturation of 46.1% and a lightness of 22.5%. #1f2254 color hex could be obtained by blending #3e44a8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 13
- B 33
RGB color chart
- C 63
- M 60
- Y 0
- K 67
CMYK color chart

● #1f2254 color description : Very dark blue.

The hexadecimal color #1f2254 has RGB values of R:31, G:34, B:84 and CMYK values of C:0.63, M:0.6, Y:0, K:0.67. Its decimal value is 2040404.

Hex triplet	1f2254	`#1f2254`
RGB Decimal	31, 34, 84	`rgb(31,34,84)`
RGB Percent	12.2, 13.3, 32.9	`rgb(12.2%,13.3%,32.9%)`
CMYK	63, 60, 0, 67
HSL	236.6°, 46.1, 22.5	`hsl(236.6,46.1%,22.5%)`
HSV (or HSB)	236.6°, 63.1, 32.9
Web Safe	333366	`#333366`

CIE-LAB	15.878, 15.852, -30.993
XYZ	2.737, 2.075, 8.643
xyY	0.203, 0.154, 2.075
CIE-LCH	15.878, 34.812, 297.087
CIE-LUV	15.878, -3.045, -32.196
Hunter-Lab	14.406, 8.703, -25.489
Binary	00011111, 00100010, 01010100

#1f2254
```
#1f2254 rgb(31,34,84)
```
#54511f
```
#54511f rgb(84,81,31)
```

Complementary Color

#1f3d54
```
#1f3d54 rgb(31,61,84)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#371f54
```
#371f54 rgb(55,31,84)
```

Analogous Color

#3d541f
```
#3d541f rgb(61,84,31)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#54371f
```
#54371f rgb(84,55,31)
```

Split Complementary Color

#22541f
```
#22541f rgb(34,84,31)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#541f22
```
#541f22 rgb(84,31,34)
```

Triadic Color

#1f5451
```
#1f5451 rgb(31,84,81)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#541f22
```
#541f22 rgb(84,31,34)
```
#54511f
```
#54511f rgb(84,81,31)
```

Tetradic Color

#0a0b1c
```
#0a0b1c rgb(10,11,28)
```
#11132f
```
#11132f rgb(17,19,47)
```
#181a41
```
#181a41 rgb(24,26,65)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#262a67
```
#262a67 rgb(38,42,103)
```
#2d3179
```
#2d3179 rgb(45,49,121)
```
#34398c
```
#34398c rgb(52,57,140)
```

Monochromatic Color

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

#1f2f54
```
#1f2f54 rgb(31,47,84)
```
#1f2b54
```
#1f2b54 rgb(31,43,84)
```
#1f2654
```
#1f2654 rgb(31,38,84)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#201f54
```
#201f54 rgb(32,31,84)
```
#251f54
```
#251f54 rgb(37,31,84)
```
#291f54
```
#291f54 rgb(41,31,84)
```

Similar Colors

Text with hexadecimal color #1f2254

This text has a font color of #1f2254.

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

#1f2254 background color

This paragraph has a background color of #1f2254.

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

#1f2254 border color

This element has a border color of #1f2254.

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

CSS codes

.text {color:#1f2254;}

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

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

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, #05050c is the darkest color, while #fdfdfe is the lightest one.

#05050c
```
#05050c rgb(5,5,12)
```
#0a0b1b
```
#0a0b1b rgb(10,11,27)
```
#0f1129
```
#0f1129 rgb(15,17,41)
```
#141637
```
#141637 rgb(20,22,55)
```
#1a1c46
```
#1a1c46 rgb(26,28,70)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#242862
```
#242862 rgb(36,40,98)
```
#2a2e71
```
#2a2e71 rgb(42,46,113)
```
#2f337f
```
#2f337f rgb(47,51,127)
```
#34398d
```
#34398d rgb(52,57,141)
```
#393f9c
```
#393f9c rgb(57,63,156)
```
#3f45aa
```
#3f45aa rgb(63,69,170)
```
#444bb8
```
#444bb8 rgb(68,75,184)
```

Shade Color Variation

#5157bf
```
#5157bf rgb(81,87,191)
```
#5f65c4
```
#5f65c4 rgb(95,101,196)
```
#6e73c9
```
#6e73c9 rgb(110,115,201)
```
#7c81cf
```
#7c81cf rgb(124,129,207)
```
#8a8fd4
```
#8a8fd4 rgb(138,143,212)
```
#999cd9
```
#999cd9 rgb(153,156,217)
```
#a7aadf
```
#a7aadf rgb(167,170,223)
```
#b5b8e4
```
#b5b8e4 rgb(181,184,228)
```
#c4c6e9
```
#c4c6e9 rgb(196,198,233)
```
#d2d4ee
```
#d2d4ee rgb(210,212,238)
```
#e0e1f4
```
#e0e1f4 rgb(224,225,244)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#35363e
```
#35363e rgb(53,54,62)
```
#313242
```
#313242 rgb(49,50,66)
```
#2c2e47
```
#2c2e47 rgb(44,46,71)
```
#282a4b
```
#282a4b rgb(40,42,75)
```
#232650
```
#232650 rgb(35,38,80)
```
#1f2254
```
#1f2254 rgb(31,34,84)
```
#1b1e58
```
#1b1e58 rgb(27,30,88)
```
#161a5d
```
#161a5d rgb(22,26,93)
```
#121661
```
#121661 rgb(18,22,97)
```
#0d1266
```
#0d1266 rgb(13,18,102)
```
#090e6a
```
#090e6a rgb(9,14,106)
```
#040a6f
```
#040a6f rgb(4,10,111)
```
#000773
```
#000773 rgb(0,7,115)
```

Tone Color Variation

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

Dichromacy

#063160 Protanopia 1% of men
#003355 Deuteranopia 1% of men
#17363a Tritanopia 0.001% of the population

Trichromacy

#0f2b5b Protanomaly 1% of men, 0.01% of women
#0b2d54 Deuteranomaly 6% of men, 0.4% of women
#1a2f44 Tritanomaly 0.01% of the population

#1f2254 hex color

#1f2254 Color Information

#1f2254 Color Conversion

Color Schemes with #1f2254

Alternatives to #1f2254

#1f2254 Preview

Shades and Tints of #1f2254

Tones of #1f2254

Color Blindness Simulator