#1f54a9 hex color

In a RGB color space, hex #1f54a9 is composed of 12.2% red, 32.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 50.3% magenta, 0% yellow and 33.7% black. It has a hue angle of 217 degrees, a saturation of 69% and a lightness of 39.2%. #1f54a9 color hex could be obtained by blending #3ea8ff with #000053. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 33
- B 66
RGB color chart
- C 82
- M 50
- Y 0
- K 34
CMYK color chart

● #1f54a9 color description : Dark blue.

The hexadecimal color #1f54a9 has RGB values of R:31, G:84, B:169 and CMYK values of C:0.82, M:0.5, Y:0, K:0.34. Its decimal value is 2053289.

Hex triplet	1f54a9	`#1f54a9`
RGB Decimal	31, 84, 169	`rgb(31,84,169)`
RGB Percent	12.2, 32.9, 66.3	`rgb(12.2%,32.9%,66.3%)`
CMYK	82, 50, 0, 34
HSL	217°, 69, 39.2	`hsl(217,69%,39.2%)`
HSV (or HSB)	217°, 81.7, 66.3
Web Safe	336699	`#336699`

CIE-LAB	36.922, 14.776, -50.539
XYZ	10.895, 9.496, 38.793
xyY	0.184, 0.16, 9.496
CIE-LCH	36.922, 52.655, 286.297
CIE-LUV	36.922, -17.401, -72.703
Hunter-Lab	30.815, 9.186, -53.069
Binary	00011111, 01010100, 10101001

#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#a9741f
```
#a9741f rgb(169,116,31)
```

Complementary Color

#1f99a9
```
#1f99a9 rgb(31,153,169)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#2f1fa9
```
#2f1fa9 rgb(47,31,169)
```

Analogous Color

#99a91f
```
#99a91f rgb(153,169,31)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#a92f1f
```
#a92f1f rgb(169,47,31)
```

Split Complementary Color

#54a91f
```
#54a91f rgb(84,169,31)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#a91f54
```
#a91f54 rgb(169,31,84)
```

Triadic Color

#1fa974
```
#1fa974 rgb(31,169,116)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#a91f54
```
#a91f54 rgb(169,31,84)
```
#a9741f
```
#a9741f rgb(169,116,31)
```

Tetradic Color

#133468
```
#133468 rgb(19,52,104)
```
#173f7e
```
#173f7e rgb(23,63,126)
```
#1b4993
```
#1b4993 rgb(27,73,147)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#235fbf
```
#235fbf rgb(35,95,191)
```
#2769d4
```
#2769d4 rgb(39,105,212)
```
#3a78db
```
#3a78db rgb(58,120,219)
```

Monochromatic Color

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

#1f77a9
```
#1f77a9 rgb(31,119,169)
```
#1f6ba9
```
#1f6ba9 rgb(31,107,169)
```
#1f60a9
```
#1f60a9 rgb(31,96,169)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#1f49a9
```
#1f49a9 rgb(31,73,169)
```
#1f3da9
```
#1f3da9 rgb(31,61,169)
```
#1f32a9
```
#1f32a9 rgb(31,50,169)
```

Similar Colors

Text with hexadecimal color #1f54a9

This text has a font color of #1f54a9.

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

#1f54a9 background color

This paragraph has a background color of #1f54a9.

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

#1f54a9 border color

This element has a border color of #1f54a9.

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

CSS codes

.text {color:#1f54a9;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040a14
```
#040a14 rgb(4,10,20)
```
#071224
```
#071224 rgb(7,18,36)
```
#0a1a35
```
#0a1a35 rgb(10,26,53)
```
#0d2346
```
#0d2346 rgb(13,35,70)
```
#102b56
```
#102b56 rgb(16,43,86)
```
#133367
```
#133367 rgb(19,51,103)
```
#163b77
```
#163b77 rgb(22,59,119)
```
#194488
```
#194488 rgb(25,68,136)
```
#1c4c98
```
#1c4c98 rgb(28,76,152)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#225cba
```
#225cba rgb(34,92,186)
```
#2564ca
```
#2564ca rgb(37,100,202)
```

Shade Color Variation

#2b6dd8
```
#2b6dd8 rgb(43,109,216)
```
#3b79db
```
#3b79db rgb(59,121,219)
```
#4c84de
```
#4c84de rgb(76,132,222)
```
#5d8fe1
```
#5d8fe1 rgb(93,143,225)
```
#6d9be4
```
#6d9be4 rgb(109,155,228)
```
#7ea6e7
```
#7ea6e7 rgb(126,166,231)
```
#8eb2ea
```
#8eb2ea rgb(142,178,234)
```
#9fbded
```
#9fbded rgb(159,189,237)
```
#afc8f0
```
#afc8f0 rgb(175,200,240)
```
#c0d4f3
```
#c0d4f3 rgb(192,212,243)
```
#d1dff6
```
#d1dff6 rgb(209,223,246)
```
#e1eafa
```
#e1eafa rgb(225,234,250)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d626b is the less saturated color, while #004dc8 is the most saturated one.

#5d626b
```
#5d626b rgb(93,98,107)
```
#556073
```
#556073 rgb(85,96,115)
```
#4d5f7b
```
#4d5f7b rgb(77,95,123)
```
#455d83
```
#455d83 rgb(69,93,131)
```
#3e5b8a
```
#3e5b8a rgb(62,91,138)
```
#365992
```
#365992 rgb(54,89,146)
```
#2e589a
```
#2e589a rgb(46,88,154)
```
#2756a1
```
#2756a1 rgb(39,86,161)
```
#1f54a9
```
#1f54a9 rgb(31,84,169)
```
#1752b1
```
#1752b1 rgb(23,82,177)
```
#1050b8
```
#1050b8 rgb(16,80,184)
```
#084fc0
```
#084fc0 rgb(8,79,192)
```
#004dc8
```
#004dc8 rgb(0,77,200)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#454f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a5cad Protanopia 1% of men
#0061a0 Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#2659ab Protanomaly 1% of men, 0.01% of women
#0b5ca3 Deuteranomaly 6% of men, 0.4% of women
#0b6184 Tritanomaly 0.01% of the population

#1f54a9 hex color

#1f54a9 Color Information

#1f54a9 Color Conversion

Color Schemes with #1f54a9

Alternatives to #1f54a9

#1f54a9 Preview

Shades and Tints of #1f54a9

Tones of #1f54a9

Color Blindness Simulator