#1f2a54 hex color

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

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

● #1f2a54 color description : Very dark blue.

The hexadecimal color #1f2a54 has RGB values of R:31, G:42, B:84 and CMYK values of C:0.63, M:0.5, Y:0, K:0.67. Its decimal value is 2042452.

Hex triplet	1f2a54	`#1f2a54`
RGB Decimal	31, 42, 84	`rgb(31,42,84)`
RGB Percent	12.2, 16.5, 32.9	`rgb(12.2%,16.5%,32.9%)`
CMYK	63, 50, 0, 67
HSL	227.5°, 46.1, 22.5	`hsl(227.5,46.1%,22.5%)`
HSV (or HSB)	227.5°, 63.1, 32.9
Web Safe	333366	`#333366`

CIE-LAB	18.308, 10.01, -27.084
XYZ	2.993, 2.587, 8.729
xyY	0.209, 0.181, 2.587
CIE-LCH	18.308, 28.875, 290.283
CIE-LUV	18.308, -5.177, -29.953
Hunter-Lab	16.085, 5.066, -20.916
Binary	00011111, 00101010, 01010100

#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#54491f
```
#54491f rgb(84,73,31)
```

Complementary Color

#1f4554
```
#1f4554 rgb(31,69,84)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#2f1f54
```
#2f1f54 rgb(47,31,84)
```

Analogous Color

#45541f
```
#45541f rgb(69,84,31)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#542f1f
```
#542f1f rgb(84,47,31)
```

Split Complementary Color

#2a541f
```
#2a541f rgb(42,84,31)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#541f2a
```
#541f2a rgb(84,31,42)
```

Triadic Color

#1f5449
```
#1f5449 rgb(31,84,73)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#541f2a
```
#541f2a rgb(84,31,42)
```
#54491f
```
#54491f rgb(84,73,31)
```

Tetradic Color

#0a0e1c
```
#0a0e1c rgb(10,14,28)
```
#11172f
```
#11172f rgb(17,23,47)
```
#182141
```
#182141 rgb(24,33,65)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#263367
```
#263367 rgb(38,51,103)
```
#2d3d79
```
#2d3d79 rgb(45,61,121)
```
#34468c
```
#34468c rgb(52,70,140)
```

Monochromatic Color

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

#1f3754
```
#1f3754 rgb(31,55,84)
```
#1f3354
```
#1f3354 rgb(31,51,84)
```
#1f2e54
```
#1f2e54 rgb(31,46,84)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#1f2654
```
#1f2654 rgb(31,38,84)
```
#1f2154
```
#1f2154 rgb(31,33,84)
```
#211f54
```
#211f54 rgb(33,31,84)
```

Similar Colors

Text with hexadecimal color #1f2a54

This text has a font color of #1f2a54.

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

#1f2a54 background color

This paragraph has a background color of #1f2a54.

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

#1f2a54 border color

This element has a border color of #1f2a54.

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

CSS codes

.text {color:#1f2a54;}

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

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

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

#05060c
```
#05060c rgb(5,6,12)
```
#0a0d1b
```
#0a0d1b rgb(10,13,27)
```
#0f1529
```
#0f1529 rgb(15,21,41)
```
#141c37
```
#141c37 rgb(20,28,55)
```
#1a2346
```
#1a2346 rgb(26,35,70)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#243162
```
#243162 rgb(36,49,98)
```
#2a3871
```
#2a3871 rgb(42,56,113)
```
#2f3f7f
```
#2f3f7f rgb(47,63,127)
```
#34478d
```
#34478d rgb(52,71,141)
```
#394e9c
```
#394e9c rgb(57,78,156)
```
#3f55aa
```
#3f55aa rgb(63,85,170)
```
#445cb8
```
#445cb8 rgb(68,92,184)
```

Shade Color Variation

#5168bf
```
#5168bf rgb(81,104,191)
```
#5f74c4
```
#5f74c4 rgb(95,116,196)
```
#6e81c9
```
#6e81c9 rgb(110,129,201)
```
#7c8dcf
```
#7c8dcf rgb(124,141,207)
```
#8a9ad4
```
#8a9ad4 rgb(138,154,212)
```
#99a6d9
```
#99a6d9 rgb(153,166,217)
```
#a7b3df
```
#a7b3df rgb(167,179,223)
```
#b5bfe4
```
#b5bfe4 rgb(181,191,228)
```
#c4cbe9
```
#c4cbe9 rgb(196,203,233)
```
#d2d8ee
```
#d2d8ee rgb(210,216,238)
```
#e0e4f4
```
#e0e4f4 rgb(224,228,244)
```
#eff1f9
```
#eff1f9 rgb(239,241,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#35373e
```
#35373e rgb(53,55,62)
```
#313442
```
#313442 rgb(49,52,66)
```
#2c3247
```
#2c3247 rgb(44,50,71)
```
#282f4b
```
#282f4b rgb(40,47,75)
```
#232d50
```
#232d50 rgb(35,45,80)
```
#1f2a54
```
#1f2a54 rgb(31,42,84)
```
#1b2758
```
#1b2758 rgb(27,39,88)
```
#16255d
```
#16255d rgb(22,37,93)
```
#122261
```
#122261 rgb(18,34,97)
```
#0d2066
```
#0d2066 rgb(13,32,102)
```
#091d6a
```
#091d6a rgb(9,29,106)
```
#041a6f
```
#041a6f rgb(4,26,111)
```
#001873
```
#001873 rgb(0,24,115)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#292b33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#22365d Protanopia 1% of men
#16385b Deuteranopia 1% of men
#1b3c40 Tritanopia 0.001% of the population

Trichromacy

#21315a Protanomaly 1% of men, 0.01% of women
#193358 Deuteranomaly 6% of men, 0.4% of women
#1c3547 Tritanomaly 0.01% of the population

#1f2a54 hex color

#1f2a54 Color Information

#1f2a54 Color Conversion

Color Schemes with #1f2a54

Alternatives to #1f2a54

#1f2a54 Preview

Shades and Tints of #1f2a54

Tones of #1f2a54

Color Blindness Simulator