#1f4298 hex color

In a RGB color space, hex #1f4298 is composed of 12.2% red, 25.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 56.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 222.6 degrees, a saturation of 66.1% and a lightness of 35.9%. #1f4298 color hex could be obtained by blending #3e84ff with #000031. Closest websafe color is: #333399.

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

● #1f4298 color description : Dark blue.

The hexadecimal color #1f4298 has RGB values of R:31, G:66, B:152 and CMYK values of C:0.8, M:0.57, Y:0, K:0.4. Its decimal value is 2048664.

Hex triplet	1f4298	`#1f4298`
RGB Decimal	31, 66, 152	`rgb(31,66,152)`
RGB Percent	12.2, 25.9, 59.6	`rgb(12.2%,25.9%,59.6%)`
CMYK	80, 57, 0, 40
HSL	222.6°, 66.1, 35.9	`hsl(222.6,66.1%,35.9%)`
HSV (or HSB)	222.6°, 79.6, 59.6
Web Safe	333399	`#333399`

CIE-LAB	30.53, 20.188, -50.663
XYZ	8.18, 6.454, 30.519
xyY	0.181, 0.143, 6.454
CIE-LCH	30.53, 54.537, 291.726
CIE-LUV	30.53, -12.453, -68.583
Hunter-Lab	25.405, 13.012, -53.441
Binary	00011111, 01000010, 10011000

#1f4298
```
#1f4298 rgb(31,66,152)
```
#98751f
```
#98751f rgb(152,117,31)
```

Complementary Color

#1f7f98
```
#1f7f98 rgb(31,127,152)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#391f98
```
#391f98 rgb(57,31,152)
```

Analogous Color

#7f981f
```
#7f981f rgb(127,152,31)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#98391f
```
#98391f rgb(152,57,31)
```

Split Complementary Color

#42981f
```
#42981f rgb(66,152,31)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#981f42
```
#981f42 rgb(152,31,66)
```

Triadic Color

#1f9875
```
#1f9875 rgb(31,152,117)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#981f42
```
#981f42 rgb(152,31,66)
```
#98751f
```
#98751f rgb(152,117,31)
```

Tetradic Color

#122658
```
#122658 rgb(18,38,88)
```
#16306e
```
#16306e rgb(22,48,110)
```
#1b3983
```
#1b3983 rgb(27,57,131)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#234bad
```
#234bad rgb(35,75,173)
```
#2854c2
```
#2854c2 rgb(40,84,194)
```
#2f5fd5
```
#2f5fd5 rgb(47,95,213)
```

Monochromatic Color

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

#1f6098
```
#1f6098 rgb(31,96,152)
```
#1f5698
```
#1f5698 rgb(31,86,152)
```
#1f4c98
```
#1f4c98 rgb(31,76,152)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#1f3898
```
#1f3898 rgb(31,56,152)
```
#1f2e98
```
#1f2e98 rgb(31,46,152)
```
#1f2498
```
#1f2498 rgb(31,36,152)
```

Similar Colors

Text with hexadecimal color #1f4298

This text has a font color of #1f4298.

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

#1f4298 background color

This paragraph has a background color of #1f4298.

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

#1f4298 border color

This element has a border color of #1f4298.

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

CSS codes

.text {color:#1f4298;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#040916
```
#040916 rgb(4,9,22)
```
#081026
```
#081026 rgb(8,16,38)
```
#0b1836
```
#0b1836 rgb(11,24,54)
```
#0e1f47
```
#0e1f47 rgb(14,31,71)
```
#122657
```
#122657 rgb(18,38,87)
```
#152d67
```
#152d67 rgb(21,45,103)
```
#183477
```
#183477 rgb(24,52,119)
```
#1c3b88
```
#1c3b88 rgb(28,59,136)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#2249a8
```
#2249a8 rgb(34,73,168)
```
#2650b9
```
#2650b9 rgb(38,80,185)
```
#2957c9
```
#2957c9 rgb(41,87,201)
```

Shade Color Variation

#3160d5
```
#3160d5 rgb(49,96,213)
```
#416dd8
```
#416dd8 rgb(65,109,216)
```
#5179dc
```
#5179dc rgb(81,121,220)
```
#6186df
```
#6186df rgb(97,134,223)
```
#7292e2
```
#7292e2 rgb(114,146,226)
```
#829fe6
```
#829fe6 rgb(130,159,230)
```
#92abe9
```
#92abe9 rgb(146,171,233)
```
#a3b8ec
```
#a3b8ec rgb(163,184,236)
```
#b3c4ef
```
#b3c4ef rgb(179,196,239)
```
#c3d1f3
```
#c3d1f3 rgb(195,209,243)
```
#d3def6
```
#d3def6 rgb(211,222,246)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575a60 is the less saturated color, while #0336b4 is the most saturated one.

#575a60
```
#575a60 rgb(87,90,96)
```
#505767
```
#505767 rgb(80,87,103)
```
#49546e
```
#49546e rgb(73,84,110)
```
#425175
```
#425175 rgb(66,81,117)
```
#3b4e7c
```
#3b4e7c rgb(59,78,124)
```
#344b83
```
#344b83 rgb(52,75,131)
```
#2d488a
```
#2d488a rgb(45,72,138)
```
#264591
```
#264591 rgb(38,69,145)
```
#1f4298
```
#1f4298 rgb(31,66,152)
```
#183f9f
```
#183f9f rgb(24,63,159)
```
#113ca6
```
#113ca6 rgb(17,60,166)
```
#0a39ad
```
#0a39ad rgb(10,57,173)
```
#0336b4
```
#0336b4 rgb(3,54,180)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a4152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e9a Protanopia 1% of men
#005387 Deuteranopia 1% of men
#00595e Tritanopia 0.001% of the population

Trichromacy

#0b4a99 Protanomaly 1% of men, 0.01% of women
#0b4c8d Deuteranomaly 6% of men, 0.4% of women
#0b5073 Tritanomaly 0.01% of the population

#1f4298 hex color

#1f4298 Color Information

#1f4298 Color Conversion

Color Schemes with #1f4298

Alternatives to #1f4298

#1f4298 Preview

Shades and Tints of #1f4298

Tones of #1f4298

Color Blindness Simulator