#1f4675 hex color

In a RGB color space, hex #1f4675 is composed of 12.2% red, 27.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 40.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 212.8 degrees, a saturation of 58.1% and a lightness of 29%. #1f4675 color hex could be obtained by blending #3e8cea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 27
- B 46
RGB color chart
- C 74
- M 40
- Y 0
- K 54
CMYK color chart

● #1f4675 color description : Dark blue.

The hexadecimal color #1f4675 has RGB values of R:31, G:70, B:117 and CMYK values of C:0.74, M:0.4, Y:0, K:0.54. Its decimal value is 2049653.

Hex triplet	1f4675	`#1f4675`
RGB Decimal	31, 70, 117	`rgb(31,70,117)`
RGB Percent	12.2, 27.5, 45.9	`rgb(12.2%,27.5%,45.9%)`
CMYK	74, 40, 0, 54
HSL	212.8°, 58.1, 29	`hsl(212.8,58.1%,29%)`
HSV (or HSB)	212.8°, 73.5, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.3, 3.444, -30.975
XYZ	5.965, 5.956, 17.664
xyY	0.202, 0.201, 5.956
CIE-LCH	29.3, 31.166, 276.344
CIE-LUV	29.3, -14.066, -40.712
Hunter-Lab	24.404, 0.926, -25.832
Binary	00011111, 01000110, 01110101

#1f4675
```
#1f4675 rgb(31,70,117)
```
#754e1f
```
#754e1f rgb(117,78,31)
```

Complementary Color

#1f7175
```
#1f7175 rgb(31,113,117)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#231f75
```
#231f75 rgb(35,31,117)
```

Analogous Color

#71751f
```
#71751f rgb(113,117,31)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#75231f
```
#75231f rgb(117,35,31)
```

Split Complementary Color

#46751f
```
#46751f rgb(70,117,31)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#751f46
```
#751f46 rgb(117,31,70)
```

Triadic Color

#1f754e
```
#1f754e rgb(31,117,78)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#751f46
```
#751f46 rgb(117,31,70)
```
#754e1f
```
#754e1f rgb(117,78,31)
```

Tetradic Color

#0f2239
```
#0f2239 rgb(15,34,57)
```
#142e4d
```
#142e4d rgb(20,46,77)
```
#1a3a61
```
#1a3a61 rgb(26,58,97)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#245289
```
#245289 rgb(36,82,137)
```
#2a5e9d
```
#2a5e9d rgb(42,94,157)
```
#2f6ab1
```
#2f6ab1 rgb(47,106,177)
```

Monochromatic Color

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

#1f5b75
```
#1f5b75 rgb(31,91,117)
```
#1f5475
```
#1f5475 rgb(31,84,117)
```
#1f4d75
```
#1f4d75 rgb(31,77,117)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#1f3f75
```
#1f3f75 rgb(31,63,117)
```
#1f3875
```
#1f3875 rgb(31,56,117)
```
#1f3175
```
#1f3175 rgb(31,49,117)
```

Similar Colors

Text with hexadecimal color #1f4675

This text has a font color of #1f4675.

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

#1f4675 background color

This paragraph has a background color of #1f4675.

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

#1f4675 border color

This element has a border color of #1f4675.

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

CSS codes

.text {color:#1f4675;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#060e18
```
#060e18 rgb(6,14,24)
```
#0a1827
```
#0a1827 rgb(10,24,39)
```
#0f2137
```
#0f2137 rgb(15,33,55)
```
#132a46
```
#132a46 rgb(19,42,70)
```
#173356
```
#173356 rgb(23,51,86)
```
#1b3d65
```
#1b3d65 rgb(27,61,101)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#234f85
```
#234f85 rgb(35,79,133)
```
#275994
```
#275994 rgb(39,89,148)
```
#2b62a4
```
#2b62a4 rgb(43,98,164)
```
#2f6bb3
```
#2f6bb3 rgb(47,107,179)
```
#3474c3
```
#3474c3 rgb(52,116,195)
```

Shade Color Variation

#3e7ecc
```
#3e7ecc rgb(62,126,204)
```
#4d89d0
```
#4d89d0 rgb(77,137,208)
```
#5d93d4
```
#5d93d4 rgb(93,147,212)
```
#6c9dd8
```
#6c9dd8 rgb(108,157,216)
```
#7ca8dc
```
#7ca8dc rgb(124,168,220)
```
#8bb2e0
```
#8bb2e0 rgb(139,178,224)
```
#9bbce4
```
#9bbce4 rgb(155,188,228)
```
#aac7e9
```
#aac7e9 rgb(170,199,233)
```
#bad1ed
```
#bad1ed rgb(186,209,237)
```
#c9dbf1
```
#c9dbf1 rgb(201,219,241)
```
#d9e6f5
```
#d9e6f5 rgb(217,230,245)
```
#e8f0f9
```
#e8f0f9 rgb(232,240,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#474a4d
```
#474a4d rgb(71,74,77)
```
#414953
```
#414953 rgb(65,73,83)
```
#3b4959
```
#3b4959 rgb(59,73,89)
```
#36485e
```
#36485e rgb(54,72,94)
```
#304864
```
#304864 rgb(48,72,100)
```
#2a476a
```
#2a476a rgb(42,71,106)
```
#25476f
```
#25476f rgb(37,71,111)
```
#1f4675
```
#1f4675 rgb(31,70,117)
```
#19457b
```
#19457b rgb(25,69,123)
```
#144580
```
#144580 rgb(20,69,128)
```
#0e4486
```
#0e4486 rgb(14,68,134)
```
#08448c
```
#08448c rgb(8,68,140)
```
#034391
```
#034391 rgb(3,67,145)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#39414b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4d7a Protanopia 1% of men
#2d4f7c Deuteranopia 1% of men
#00565c Tritanopia 0.001% of the population

Trichromacy

#314a78 Protanomaly 1% of men, 0.01% of women
#284b79 Deuteranomaly 6% of men, 0.4% of women
#0b5065 Tritanomaly 0.01% of the population

#1f4675 hex color

#1f4675 Color Information

#1f4675 Color Conversion

Color Schemes with #1f4675

Alternatives to #1f4675

#1f4675 Preview

Shades and Tints of #1f4675

Tones of #1f4675

Color Blindness Simulator