#1f2276 hex color

In a RGB color space, hex #1f2276 is composed of 12.2% red, 13.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 71.2% magenta, 0% yellow and 53.7% black. It has a hue angle of 237.9 degrees, a saturation of 58.4% and a lightness of 29.2%. #1f2276 color hex could be obtained by blending #3e44ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 13
- B 46
RGB color chart
- C 74
- M 71
- Y 0
- K 54
CMYK color chart

● #1f2276 color description : Dark blue.

The hexadecimal color #1f2276 has RGB values of R:31, G:34, B:118 and CMYK values of C:0.74, M:0.71, Y:0, K:0.54. Its decimal value is 2040438.

Hex triplet	1f2276	`#1f2276`
RGB Decimal	31, 34, 118	`rgb(31,34,118)`
RGB Percent	12.2, 13.3, 46.3	`rgb(12.2%,13.3%,46.3%)`
CMYK	74, 71, 0, 54
HSL	237.9°, 58.4, 29.2	`hsl(237.9,58.4%,29.2%)`
HSV (or HSB)	237.9°, 73.7, 46.3
Web Safe	333366	`#333366`

CIE-LAB	18.984, 28.825, -48.289
XYZ	4.406, 2.743, 17.436
xyY	0.179, 0.112, 2.743
CIE-LCH	18.984, 56.238, 300.834
CIE-LUV	18.984, -4.375, -53.322
Hunter-Lab	16.562, 18.506, -50.823
Binary	00011111, 00100010, 01110110

#1f2276
```
#1f2276 rgb(31,34,118)
```
#76731f
```
#76731f rgb(118,115,31)
```

Complementary Color

#1f4e76
```
#1f4e76 rgb(31,78,118)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#471f76
```
#471f76 rgb(71,31,118)
```

Analogous Color

#4e761f
```
#4e761f rgb(78,118,31)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#76481f
```
#76481f rgb(118,72,31)
```

Split Complementary Color

#22761f
```
#22761f rgb(34,118,31)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#761f22
```
#761f22 rgb(118,31,34)
```

Triadic Color

#1f7673
```
#1f7673 rgb(31,118,115)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#761f22
```
#761f22 rgb(118,31,34)
```
#76731f
```
#76731f rgb(118,115,31)
```

Tetradic Color

#0f1139
```
#0f1139 rgb(15,17,57)
```
#14164e
```
#14164e rgb(20,22,78)
```
#1a1c62
```
#1a1c62 rgb(26,28,98)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#24288a
```
#24288a rgb(36,40,138)
```
#2a2e9e
```
#2a2e9e rgb(42,46,158)
```
#2f33b3
```
#2f33b3 rgb(47,51,179)
```

Monochromatic Color

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

#1f3876
```
#1f3876 rgb(31,56,118)
```
#1f3176
```
#1f3176 rgb(31,49,118)
```
#1f2976
```
#1f2976 rgb(31,41,118)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#231f76
```
#231f76 rgb(35,31,118)
```
#2b1f76
```
#2b1f76 rgb(43,31,118)
```
#321f76
```
#321f76 rgb(50,31,118)
```

Similar Colors

Text with hexadecimal color #1f2276

This text has a font color of #1f2276.

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

#1f2276 background color

This paragraph has a background color of #1f2276.

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

#1f2276 border color

This element has a border color of #1f2276.

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

CSS codes

.text {color:#1f2276;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#070719
```
#070719 rgb(7,7,25)
```
#0b0c28
```
#0b0c28 rgb(11,12,40)
```
#0f1038
```
#0f1038 rgb(15,16,56)
```
#131547
```
#131547 rgb(19,21,71)
```
#171957
```
#171957 rgb(23,25,87)
```
#1b1e66
```
#1b1e66 rgb(27,30,102)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#232686
```
#232686 rgb(35,38,134)
```
#272b95
```
#272b95 rgb(39,43,149)
```
#2b2fa5
```
#2b2fa5 rgb(43,47,165)
```
#2f34b4
```
#2f34b4 rgb(47,52,180)
```
#3338c4
```
#3338c4 rgb(51,56,196)
```

Shade Color Variation

#3e43cc
```
#3e43cc rgb(62,67,204)
```
#4e52d0
```
#4e52d0 rgb(78,82,208)
```
#5d61d5
```
#5d61d5 rgb(93,97,213)
```
#6d71d9
```
#6d71d9 rgb(109,113,217)
```
#7c80dd
```
#7c80dd rgb(124,128,221)
```
#8c8fe1
```
#8c8fe1 rgb(140,143,225)
```
#9c9ee5
```
#9c9ee5 rgb(156,158,229)
```
#abade9
```
#abade9 rgb(171,173,233)
```
#bbbced
```
#bbbced rgb(187,188,237)
```
#cacbf1
```
#cacbf1 rgb(202,203,241)
```
#dadbf5
```
#dadbf5 rgb(218,219,245)
```
#e9eaf9
```
#e9eaf9 rgb(233,234,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#47474e
```
#47474e rgb(71,71,78)
```
#414254
```
#414254 rgb(65,66,84)
```
#3c3d59
```
#3c3d59 rgb(60,61,89)
```
#36375f
```
#36375f rgb(54,55,95)
```
#303265
```
#303265 rgb(48,50,101)
```
#2a2d6b
```
#2a2d6b rgb(42,45,107)
```
#252770
```
#252770 rgb(37,39,112)
```
#1f2276
```
#1f2276 rgb(31,34,118)
```
#191d7c
```
#191d7c rgb(25,29,124)
```
#141781
```
#141781 rgb(20,23,129)
```
#0e1287
```
#0e1287 rgb(14,18,135)
```
#080d8d
```
#080d8d rgb(8,13,141)
```
#020793
```
#020793 rgb(2,7,147)
```

Tone Color Variation

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

Dichromacy

#00376b Protanopia 1% of men
#003a5d Deuteranopia 1% of men
#003e42 Tritanopia 0.001% of the population

Trichromacy

#0b2f6f Protanomaly 1% of men, 0.01% of women
#0b3166 Deuteranomaly 6% of men, 0.4% of women
#0b3455 Tritanomaly 0.01% of the population

#1f2276 hex color

#1f2276 Color Information

#1f2276 Color Conversion

Color Schemes with #1f2276

Alternatives to #1f2276

#1f2276 Preview

Shades and Tints of #1f2276

Tones of #1f2276

Color Blindness Simulator