#1f4276 hex color

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

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

● #1f4276 color description : Dark blue.

The hexadecimal color #1f4276 has RGB values of R:31, G:66, B:118 and CMYK values of C:0.74, M:0.44, Y:0, K:0.54. Its decimal value is 2048630.

Hex triplet	1f4276	`#1f4276`
RGB Decimal	31, 66, 118	`rgb(31,66,118)`
RGB Percent	12.2, 25.9, 46.3	`rgb(12.2%,25.9%,46.3%)`
CMYK	74, 44, 0, 54
HSL	215.9°, 58.4, 29.2	`hsl(215.9,58.4%,29.2%)`
HSV (or HSB)	215.9°, 73.7, 46.3
Web Safe	333366	`#333366`

CIE-LAB	28.102, 6.558, -33.514
XYZ	5.783, 5.495, 17.895
xyY	0.198, 0.188, 5.495
CIE-LCH	28.102, 34.149, 281.072
CIE-LUV	28.102, -12.725, -43.76
Hunter-Lab	23.442, 3.008, -28.849
Binary	00011111, 01000010, 01110110

#1f4276
```
#1f4276 rgb(31,66,118)
```
#76531f
```
#76531f rgb(118,83,31)
```

Complementary Color

#1f6e76
```
#1f6e76 rgb(31,110,118)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#281f76
```
#281f76 rgb(40,31,118)
```

Analogous Color

#6e761f
```
#6e761f rgb(110,118,31)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#76281f
```
#76281f rgb(118,40,31)
```

Split Complementary Color

#42761f
```
#42761f rgb(66,118,31)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#761f42
```
#761f42 rgb(118,31,66)
```

Triadic Color

#1f7653
```
#1f7653 rgb(31,118,83)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#761f42
```
#761f42 rgb(118,31,66)
```
#76531f
```
#76531f rgb(118,83,31)
```

Tetradic Color

#0f2039
```
#0f2039 rgb(15,32,57)
```
#142b4e
```
#142b4e rgb(20,43,78)
```
#1a3762
```
#1a3762 rgb(26,55,98)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#244d8a
```
#244d8a rgb(36,77,138)
```
#2a599e
```
#2a599e rgb(42,89,158)
```
#2f64b3
```
#2f64b3 rgb(47,100,179)
```

Monochromatic Color

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

#1f5876
```
#1f5876 rgb(31,88,118)
```
#1f5176
```
#1f5176 rgb(31,81,118)
```
#1f4976
```
#1f4976 rgb(31,73,118)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#1f3b76
```
#1f3b76 rgb(31,59,118)
```
#1f3476
```
#1f3476 rgb(31,52,118)
```
#1f2c76
```
#1f2c76 rgb(31,44,118)
```

Similar Colors

Text with hexadecimal color #1f4276

This text has a font color of #1f4276.

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

#1f4276 background color

This paragraph has a background color of #1f4276.

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

#1f4276 border color

This element has a border color of #1f4276.

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

CSS codes

.text {color:#1f4276;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1728
```
#0b1728 rgb(11,23,40)
```
#0f1f38
```
#0f1f38 rgb(15,31,56)
```
#132847
```
#132847 rgb(19,40,71)
```
#173157
```
#173157 rgb(23,49,87)
```
#1b3966
```
#1b3966 rgb(27,57,102)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#234b86
```
#234b86 rgb(35,75,134)
```
#275395
```
#275395 rgb(39,83,149)
```
#2b5ca5
```
#2b5ca5 rgb(43,92,165)
```
#2f65b4
```
#2f65b4 rgb(47,101,180)
```
#336dc4
```
#336dc4 rgb(51,109,196)
```

Shade Color Variation

#3e77cc
```
#3e77cc rgb(62,119,204)
```
#4e82d0
```
#4e82d0 rgb(78,130,208)
```
#5d8dd5
```
#5d8dd5 rgb(93,141,213)
```
#6d98d9
```
#6d98d9 rgb(109,152,217)
```
#7ca3dd
```
#7ca3dd rgb(124,163,221)
```
#8caee1
```
#8caee1 rgb(140,174,225)
```
#9cb9e5
```
#9cb9e5 rgb(156,185,229)
```
#abc4e9
```
#abc4e9 rgb(171,196,233)
```
#bbcfed
```
#bbcfed rgb(187,207,237)
```
#cadaf1
```
#cadaf1 rgb(202,218,241)
```
#dae5f5
```
#dae5f5 rgb(218,229,245)
```
#e9f0f9
```
#e9f0f9 rgb(233,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474a4e is the less saturated color, while #023c93 is the most saturated one.

#474a4e
```
#474a4e rgb(71,74,78)
```
#414954
```
#414954 rgb(65,73,84)
```
#3c4859
```
#3c4859 rgb(60,72,89)
```
#36465f
```
#36465f rgb(54,70,95)
```
#304565
```
#304565 rgb(48,69,101)
```
#2a446b
```
#2a446b rgb(42,68,107)
```
#254370
```
#254370 rgb(37,67,112)
```
#1f4276
```
#1f4276 rgb(31,66,118)
```
#19417c
```
#19417c rgb(25,65,124)
```
#144081
```
#144081 rgb(20,64,129)
```
#0e3f87
```
#0e3f87 rgb(14,63,135)
```
#083e8d
```
#083e8d rgb(8,62,141)
```
#023c93
```
#023c93 rgb(2,60,147)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#344a7c Protanopia 1% of men
#214c7c Deuteranopia 1% of men
#005359 Tritanopia 0.001% of the population

Trichromacy

#2c4779 Protanomaly 1% of men, 0.01% of women
#20487a Deuteranomaly 6% of men, 0.4% of women
#0b4d63 Tritanomaly 0.01% of the population

#1f4276 hex color

#1f4276 Color Information

#1f4276 Color Conversion

Color Schemes with #1f4276

Alternatives to #1f4276

#1f4276 Preview

Shades and Tints of #1f4276

Tones of #1f4276

Color Blindness Simulator