colorhexa.com

#1f538a hex color

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

- R 12
- G 33
- B 54
RGB color chart
- C 78
- M 40
- Y 0
- K 46
CMYK color chart

● #1f538a color description : Dark blue.

The hexadecimal color #1f538a has RGB values of R:31, G:83, B:138 and CMYK values of C:0.78, M:0.4, Y:0, K:0.46. Its decimal value is 2053002.

Hex triplet	1f538a	`#1f538a`
RGB Decimal	31, 83, 138	`rgb(31,83,138)`
RGB Percent	12.2, 32.5, 54.1	`rgb(12.2%,32.5%,54.1%)`
CMYK	78, 40, 0, 46
HSL	210.8°, 63.3, 33.1	`hsl(210.8,63.3%,33.1%)`
HSV (or HSB)	210.8°, 77.5, 54.1
Web Safe	336699	`#336699`

CIE-LAB	34.625, 3.125, -35.531
XYZ	8.245, 8.312, 25.213
xyY	0.197, 0.199, 8.312
CIE-LCH	34.625, 35.669, 275.026
CIE-LUV	34.625, -17.878, -49.357
Hunter-Lab	28.831, 0.592, -31.669
Binary	00011111, 01010011, 10001010

#1f538a
```
#1f538a rgb(31,83,138)
```
#8a561f
```
#8a561f rgb(138,86,31)
```

Complementary Color

#1f898a
```
#1f898a rgb(31,137,138)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#211f8a
```
#211f8a rgb(33,31,138)
```

Analogous Color

#898a1f
```
#898a1f rgb(137,138,31)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#8a211f
```
#8a211f rgb(138,33,31)
```

Split Complementary Color

#538a1f
```
#538a1f rgb(83,138,31)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#8a1f53
```
#8a1f53 rgb(138,31,83)
```

Triadic Color

#112d4c
```
#112d4c rgb(17,45,76)
```
#163a60
```
#163a60 rgb(22,58,96)
```
#1a4675
```
#1a4675 rgb(26,70,117)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#24609f
```
#24609f rgb(36,96,159)
```
#286cb4
```
#286cb4 rgb(40,108,180)
```
#2d79c8
```
#2d79c8 rgb(45,121,200)
```

Monochromatic Color

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

#1f6e8a
```
#1f6e8a rgb(31,110,138)
```
#1f658a
```
#1f658a rgb(31,101,138)
```
#1f5c8a
```
#1f5c8a rgb(31,92,138)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#1f4a8a
```
#1f4a8a rgb(31,74,138)
```
#1f418a
```
#1f418a rgb(31,65,138)
```
#1f388a
```
#1f388a rgb(31,56,138)
```

Similar Colors

Text with hexadecimal color #1f538a

This text has a font color of #1f538a.

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

#1f538a background color

This paragraph has a background color of #1f538a.

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

#1f538a border color

This element has a border color of #1f538a.

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

CSS codes

.text {color:#1f538a;}

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

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

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)
```
#09192a
```
#09192a rgb(9,25,42)
```
#0d233a
```
#0d233a rgb(13,35,58)
```
#112c4a
```
#112c4a rgb(17,44,74)
```
#14365a
```
#14365a rgb(20,54,90)
```
#18406a
```
#18406a rgb(24,64,106)
```
#1b497a
```
#1b497a rgb(27,73,122)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#235d9a
```
#235d9a rgb(35,93,154)
```
#2666aa
```
#2666aa rgb(38,102,170)
```
#2a70ba
```
#2a70ba rgb(42,112,186)
```
#2d7aca
```
#2d7aca rgb(45,122,202)
```

Shade Color Variation

#3983d2
```
#3983d2 rgb(57,131,210)
```
#498dd6
```
#498dd6 rgb(73,141,214)
```
#5997da
```
#5997da rgb(89,151,218)
```
#69a1dd
```
#69a1dd rgb(105,161,221)
```
#79abe1
```
#79abe1 rgb(121,171,225)
```
#89b5e4
```
#89b5e4 rgb(137,181,228)
```
#99bfe8
```
#99bfe8 rgb(153,191,232)
```
#a9c9ec
```
#a9c9ec rgb(169,201,236)
```
#b9d3ef
```
#b9d3ef rgb(185,211,239)
```
#c9ddf3
```
#c9ddf3 rgb(201,221,243)
```
#d9e7f6
```
#d9e7f6 rgb(217,231,246)
```
#e9f1fa
```
#e9f1fa rgb(233,241,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 #0552a4 is the most saturated one.

#535456
```
#535456 rgb(83,84,86)
```
#4d545d
```
#4d545d rgb(77,84,93)
```
#465463
```
#465463 rgb(70,84,99)
```
#40546a
```
#40546a rgb(64,84,106)
```
#395470
```
#395470 rgb(57,84,112)
```
#335477
```
#335477 rgb(51,84,119)
```
#2c537d
```
#2c537d rgb(44,83,125)
```
#265384
```
#265384 rgb(38,83,132)
```
#1f538a
```
#1f538a rgb(31,83,138)
```
#195391
```
#195391 rgb(25,83,145)
```
#125397
```
#125397 rgb(18,83,151)
```
#0c529e
```
#0c529e rgb(12,82,158)
```
#0552a4
```
#0552a4 rgb(5,82,164)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#414c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43588d Protanopia 1% of men
#315b90 Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#36568c Protanomaly 1% of men, 0.01% of women
#2a588e Deuteranomaly 6% of men, 0.4% of women
#0b5d75 Tritanomaly 0.01% of the population