#1f558a hex color

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

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

● #1f558a color description : Dark blue.

The hexadecimal color #1f558a has RGB values of R:31, G:85, B:138 and CMYK values of C:0.78, M:0.38, Y:0, K:0.46. Its decimal value is 2053514.

Hex triplet	1f558a	`#1f558a`
RGB Decimal	31, 85, 138	`rgb(31,85,138)`
RGB Percent	12.2, 33.3, 54.1	`rgb(12.2%,33.3%,54.1%)`
CMYK	78, 38, 0, 46
HSL	209.7°, 63.3, 33.1	`hsl(209.7,63.3%,33.1%)`
HSV (or HSB)	209.7°, 77.5, 54.1
Web Safe	336699	`#336699`

CIE-LAB	35.247, 1.821, -34.542
XYZ	8.4, 8.623, 25.265
xyY	0.199, 0.204, 8.623
CIE-LCH	35.247, 34.59, 273.018
CIE-LUV	35.247, -18.553, -48.072
Hunter-Lab	29.364, -0.326, -30.458
Binary	00011111, 01010101, 10001010

#1f558a
```
#1f558a rgb(31,85,138)
```
#8a541f
```
#8a541f rgb(138,84,31)
```

Complementary Color

#1f8a8a
```
#1f8a8a rgb(31,138,138)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#1f208a
```
#1f208a rgb(31,32,138)
```

Analogous Color

#8a8a1f
```
#8a8a1f rgb(138,138,31)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#8a1f20
```
#8a1f20 rgb(138,31,32)
```

Split Complementary Color

#558a1f
```
#558a1f rgb(85,138,31)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#8a1f55
```
#8a1f55 rgb(138,31,85)
```

Triadic Color

#1f8a54
```
#1f8a54 rgb(31,138,84)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#8a1f55
```
#8a1f55 rgb(138,31,85)
```
#8a541f
```
#8a541f rgb(138,84,31)
```

Tetradic Color

#112f4c
```
#112f4c rgb(17,47,76)
```
#163b60
```
#163b60 rgb(22,59,96)
```
#1a4875
```
#1a4875 rgb(26,72,117)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#24629f
```
#24629f rgb(36,98,159)
```
#286fb4
```
#286fb4 rgb(40,111,180)
```
#2d7bc8
```
#2d7bc8 rgb(45,123,200)
```

Monochromatic Color

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

#1f708a
```
#1f708a rgb(31,112,138)
```
#1f678a
```
#1f678a rgb(31,103,138)
```
#1f5e8a
```
#1f5e8a rgb(31,94,138)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#1f4c8a
```
#1f4c8a rgb(31,76,138)
```
#1f438a
```
#1f438a rgb(31,67,138)
```
#1f3a8a
```
#1f3a8a rgb(31,58,138)
```

Similar Colors

Text with hexadecimal color #1f558a

This text has a font color of #1f558a.

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

#1f558a background color

This paragraph has a background color of #1f558a.

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

#1f558a border color

This element has a border color of #1f558a.

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

CSS codes

.text {color:#1f558a;}

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

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

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

#02060a
```
#02060a rgb(2,6,10)
```
#06101a
```
#06101a rgb(6,16,26)
```
#091a2a
```
#091a2a rgb(9,26,42)
```
#0d243a
```
#0d243a rgb(13,36,58)
```
#112e4a
```
#112e4a rgb(17,46,74)
```
#14375a
```
#14375a rgb(20,55,90)
```
#18416a
```
#18416a rgb(24,65,106)
```
#1b4b7a
```
#1b4b7a rgb(27,75,122)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#235f9a
```
#235f9a rgb(35,95,154)
```
#2669aa
```
#2669aa rgb(38,105,170)
```
#2a73ba
```
#2a73ba rgb(42,115,186)
```
#2d7cca
```
#2d7cca rgb(45,124,202)
```

Shade Color Variation

#3986d2
```
#3986d2 rgb(57,134,210)
```
#4990d6
```
#4990d6 rgb(73,144,214)
```
#599ada
```
#599ada rgb(89,154,218)
```
#69a4dd
```
#69a4dd rgb(105,164,221)
```
#79ade1
```
#79ade1 rgb(121,173,225)
```
#89b7e4
```
#89b7e4 rgb(137,183,228)
```
#99c1e8
```
#99c1e8 rgb(153,193,232)
```
#a9cbec
```
#a9cbec rgb(169,203,236)
```
#b9d4ef
```
#b9d4ef rgb(185,212,239)
```
#c9def3
```
#c9def3 rgb(201,222,243)
```
#d9e8f6
```
#d9e8f6 rgb(217,232,246)
```
#e9f2fa
```
#e9f2fa rgb(233,242,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#535556
```
#535556 rgb(83,85,86)
```
#4d555d
```
#4d555d rgb(77,85,93)
```
#465563
```
#465563 rgb(70,85,99)
```
#40556a
```
#40556a rgb(64,85,106)
```
#395570
```
#395570 rgb(57,85,112)
```
#335577
```
#335577 rgb(51,85,119)
```
#2c557d
```
#2c557d rgb(44,85,125)
```
#265584
```
#265584 rgb(38,85,132)
```
#1f558a
```
#1f558a rgb(31,85,138)
```
#195591
```
#195591 rgb(25,85,145)
```
#125597
```
#125597 rgb(18,85,151)
```
#0c559e
```
#0c559e rgb(12,85,158)
```
#0555a4
```
#0555a4 rgb(5,85,164)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#424d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465a8d Protanopia 1% of men
#355c90 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#38588c Protanomaly 1% of men, 0.01% of women
#2d598e Deuteranomaly 6% of men, 0.4% of women
#0b5f76 Tritanomaly 0.01% of the population

#1f558a hex color

#1f558a Color Information

#1f558a Color Conversion

Color Schemes with #1f558a

Alternatives to #1f558a

#1f558a Preview

Shades and Tints of #1f558a

Tones of #1f558a

Color Blindness Simulator