#1f2a99 hex color

In a RGB color space, hex #1f2a99 is composed of 12.2% red, 16.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 72.5% magenta, 0% yellow and 40% black. It has a hue angle of 234.6 degrees, a saturation of 66.3% and a lightness of 36.1%. #1f2a99 color hex could be obtained by blending #3e54ff with #000033. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 16
- B 60
RGB color chart
- C 80
- M 73
- Y 0
- K 40
CMYK color chart

● #1f2a99 color description : Dark blue.

The hexadecimal color #1f2a99 has RGB values of R:31, G:42, B:153 and CMYK values of C:0.8, M:0.73, Y:0, K:0.4. Its decimal value is 2042521.

Hex triplet	1f2a99	`#1f2a99`
RGB Decimal	31, 42, 153	`rgb(31,42,153)`
RGB Percent	12.2, 16.5, 60	`rgb(12.2%,16.5%,60%)`
CMYK	80, 73, 0, 40
HSL	234.6°, 66.3, 36.1	`hsl(234.6,66.3%,36.1%)`
HSV (or HSB)	234.6°, 79.7, 60
Web Safe	333399	`#333399`

CIE-LAB	24.471, 36.545, -61.196
XYZ	7.142, 4.247, 30.579
xyY	0.17, 0.101, 4.247
CIE-LCH	24.471, 71.278, 300.845
CIE-LUV	24.471, -7.04, -74.201
Hunter-Lab	20.607, 25.797, -73.553
Binary	00011111, 00101010, 10011001

#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#998e1f
```
#998e1f rgb(153,142,31)
```

Complementary Color

#1f6799
```
#1f6799 rgb(31,103,153)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#511f99
```
#511f99 rgb(81,31,153)
```

Analogous Color

#67991f
```
#67991f rgb(103,153,31)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#99511f
```
#99511f rgb(153,81,31)
```

Split Complementary Color

#2a991f
```
#2a991f rgb(42,153,31)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#991f2a
```
#991f2a rgb(153,31,42)
```

Triadic Color

#1f998e
```
#1f998e rgb(31,153,142)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#991f2a
```
#991f2a rgb(153,31,42)
```
#998e1f
```
#998e1f rgb(153,142,31)
```

Tetradic Color

#121959
```
#121959 rgb(18,25,89)
```
#161e6f
```
#161e6f rgb(22,30,111)
```
#1b2484
```
#1b2484 rgb(27,36,132)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#2330ae
```
#2330ae rgb(35,48,174)
```
#2836c3
```
#2836c3 rgb(40,54,195)
```
#303ed5
```
#303ed5 rgb(48,62,213)
```

Monochromatic Color

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

#1f4999
```
#1f4999 rgb(31,73,153)
```
#1f3e99
```
#1f3e99 rgb(31,62,153)
```
#1f3499
```
#1f3499 rgb(31,52,153)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#1f2099
```
#1f2099 rgb(31,32,153)
```
#281f99
```
#281f99 rgb(40,31,153)
```
#331f99
```
#331f99 rgb(51,31,153)
```

Similar Colors

Text with hexadecimal color #1f2a99

This text has a font color of #1f2a99.

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

#1f2a99 background color

This paragraph has a background color of #1f2a99.

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

#1f2a99 border color

This element has a border color of #1f2a99.

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

CSS codes

.text {color:#1f2a99;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050617
```
#050617 rgb(5,6,23)
```
#080b27
```
#080b27 rgb(8,11,39)
```
#0b0f37
```
#0b0f37 rgb(11,15,55)
```
#0e1447
```
#0e1447 rgb(14,20,71)
```
#121858
```
#121858 rgb(18,24,88)
```
#151d68
```
#151d68 rgb(21,29,104)
```
#182178
```
#182178 rgb(24,33,120)
```
#1c2689
```
#1c2689 rgb(28,38,137)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#222ea9
```
#222ea9 rgb(34,46,169)
```
#2633ba
```
#2633ba rgb(38,51,186)
```
#2937ca
```
#2937ca rgb(41,55,202)
```

Shade Color Variation

#3140d5
```
#3140d5 rgb(49,64,213)
```
#414fd9
```
#414fd9 rgb(65,79,217)
```
#525edc
```
#525edc rgb(82,94,220)
```
#626ddf
```
#626ddf rgb(98,109,223)
```
#727de3
```
#727de3 rgb(114,125,227)
```
#838ce6
```
#838ce6 rgb(131,140,230)
```
#939be9
```
#939be9 rgb(147,155,233)
```
#a3aaec
```
#a3aaec rgb(163,170,236)
```
#b4b9f0
```
#b4b9f0 rgb(180,185,240)
```
#c4c8f3
```
#c4c8f3 rgb(196,200,243)
```
#d4d7f6
```
#d4d7f6 rgb(212,215,246)
```
#e5e6fa
```
#e5e6fa rgb(229,230,250)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#585860
```
#585860 rgb(88,88,96)
```
#515367
```
#515367 rgb(81,83,103)
```
#494d6f
```
#494d6f rgb(73,77,111)
```
#424776
```
#424776 rgb(66,71,118)
```
#3b417d
```
#3b417d rgb(59,65,125)
```
#343b84
```
#343b84 rgb(52,59,132)
```
#2d368b
```
#2d368b rgb(45,54,139)
```
#263092
```
#263092 rgb(38,48,146)
```
#1f2a99
```
#1f2a99 rgb(31,42,153)
```
#1824a0
```
#1824a0 rgb(24,36,160)
```
#111ea7
```
#111ea7 rgb(17,30,167)
```
#0a19ae
```
#0a19ae rgb(10,25,174)
```
#0313b5
```
#0313b5 rgb(3,19,181)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f3147 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#004b4e Tritanopia 0.001% of the population

Trichromacy

#0b3989 Protanomaly 1% of men, 0.01% of women
#0b3b7e Deuteranomaly 6% of men, 0.4% of women
#0b3f69 Tritanomaly 0.01% of the population

#1f2a99 hex color

#1f2a99 Color Information

#1f2a99 Color Conversion

Color Schemes with #1f2a99

Alternatives to #1f2a99

#1f2a99 Preview

Shades and Tints of #1f2a99

Tones of #1f2a99

Color Blindness Simulator