#1f498a hex color

In a RGB color space, hex #1f498a is composed of 12.2% red, 28.6% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 47.1% magenta, 0% yellow and 45.9% black. It has a hue angle of 216.4 degrees, a saturation of 63.3% and a lightness of 33.1%. #1f498a color hex could be obtained by blending #3e92ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 29
- B 54
RGB color chart
- C 78
- M 47
- Y 0
- K 46
CMYK color chart

● #1f498a color description : Dark blue.

The hexadecimal color #1f498a has RGB values of R:31, G:73, B:138 and CMYK values of C:0.78, M:0.47, Y:0, K:0.46. Its decimal value is 2050442.

Hex triplet	1f498a	`#1f498a`
RGB Decimal	31, 73, 138	`rgb(31,73,138)`
RGB Percent	12.2, 28.6, 54.1	`rgb(12.2%,28.6%,54.1%)`
CMYK	78, 47, 0, 46
HSL	216.4°, 63.3, 33.1	`hsl(216.4,63.3%,33.1%)`
HSV (or HSB)	216.4°, 77.5, 54.1
Web Safe	333399	`#333399`

CIE-LAB	31.557, 9.796, -40.435
XYZ	7.534, 6.891, 24.976
xyY	0.191, 0.175, 6.891
CIE-LCH	31.557, 41.604, 283.618
CIE-LUV	31.557, -14.631, -55.217
Hunter-Lab	26.25, 5.293, -38.037
Binary	00011111, 01001001, 10001010

#1f498a
```
#1f498a rgb(31,73,138)
```
#8a601f
```
#8a601f rgb(138,96,31)
```

Complementary Color

#1f7f8a
```
#1f7f8a rgb(31,127,138)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#2b1f8a
```
#2b1f8a rgb(43,31,138)
```

Analogous Color

#7f8a1f
```
#7f8a1f rgb(127,138,31)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#8a2b1f
```
#8a2b1f rgb(138,43,31)
```

Split Complementary Color

#498a1f
```
#498a1f rgb(73,138,31)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#8a1f49
```
#8a1f49 rgb(138,31,73)
```

Triadic Color

#1f8a60
```
#1f8a60 rgb(31,138,96)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#8a1f49
```
#8a1f49 rgb(138,31,73)
```
#8a601f
```
#8a601f rgb(138,96,31)
```

Tetradic Color

#11284c
```
#11284c rgb(17,40,76)
```
#163360
```
#163360 rgb(22,51,96)
```
#1a3e75
```
#1a3e75 rgb(26,62,117)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#24549f
```
#24549f rgb(36,84,159)
```
#285fb4
```
#285fb4 rgb(40,95,180)
```
#2d6ac8
```
#2d6ac8 rgb(45,106,200)
```

Monochromatic Color

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

#1f648a
```
#1f648a rgb(31,100,138)
```
#1f5b8a
```
#1f5b8a rgb(31,91,138)
```
#1f528a
```
#1f528a rgb(31,82,138)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#1f408a
```
#1f408a rgb(31,64,138)
```
#1f378a
```
#1f378a rgb(31,55,138)
```
#1f2e8a
```
#1f2e8a rgb(31,46,138)
```

Similar Colors

Text with hexadecimal color #1f498a

This text has a font color of #1f498a.

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

#1f498a background color

This paragraph has a background color of #1f498a.

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

#1f498a border color

This element has a border color of #1f498a.

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

CSS codes

.text {color:#1f498a;}

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

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

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, #02050a is the darkest color, while #f9fbfe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#060e1a
```
#060e1a rgb(6,14,26)
```
#09162a
```
#09162a rgb(9,22,42)
```
#0d1f3a
```
#0d1f3a rgb(13,31,58)
```
#11274a
```
#11274a rgb(17,39,74)
```
#14305a
```
#14305a rgb(20,48,90)
```
#18386a
```
#18386a rgb(24,56,106)
```
#1b417a
```
#1b417a rgb(27,65,122)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#23519a
```
#23519a rgb(35,81,154)
```
#265aaa
```
#265aaa rgb(38,90,170)
```
#2a62ba
```
#2a62ba rgb(42,98,186)
```
#2d6bca
```
#2d6bca rgb(45,107,202)
```

Shade Color Variation

#3975d2
```
#3975d2 rgb(57,117,210)
```
#4980d6
```
#4980d6 rgb(73,128,214)
```
#598bda
```
#598bda rgb(89,139,218)
```
#6996dd
```
#6996dd rgb(105,150,221)
```
#79a2e1
```
#79a2e1 rgb(121,162,225)
```
#89ade4
```
#89ade4 rgb(137,173,228)
```
#99b8e8
```
#99b8e8 rgb(153,184,232)
```
#a9c3ec
```
#a9c3ec rgb(169,195,236)
```
#b9ceef
```
#b9ceef rgb(185,206,239)
```
#c9d9f3
```
#c9d9f3 rgb(201,217,243)
```
#d9e4f6
```
#d9e4f6 rgb(217,228,246)
```
#e9f0fa
```
#e9f0fa rgb(233,240,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#535456
```
#535456 rgb(83,84,86)
```
#4d535d
```
#4d535d rgb(77,83,93)
```
#465163
```
#465163 rgb(70,81,99)
```
#40506a
```
#40506a rgb(64,80,106)
```
#394f70
```
#394f70 rgb(57,79,112)
```
#334d77
```
#334d77 rgb(51,77,119)
```
#2c4c7d
```
#2c4c7d rgb(44,76,125)
```
#264a84
```
#264a84 rgb(38,74,132)
```
#1f498a
```
#1f498a rgb(31,73,138)
```
#194891
```
#194891 rgb(25,72,145)
```
#124697
```
#124697 rgb(18,70,151)
```
#0c459e
```
#0c459e rgb(12,69,158)
```
#0543a4
```
#0543a4 rgb(5,67,164)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d4552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#32518f Protanopia 1% of men
#00558d Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#2b4e8d Protanomaly 1% of men, 0.01% of women
#0b508c Deuteranomaly 6% of men, 0.4% of women
#0b5470 Tritanomaly 0.01% of the population

#1f498a hex color

#1f498a Color Information

#1f498a Color Conversion

Color Schemes with #1f498a

Alternatives to #1f498a

#1f498a Preview

Shades and Tints of #1f498a

Tones of #1f498a

Color Blindness Simulator