#1f4075 hex color

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

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

● #1f4075 color description : Dark blue.

The hexadecimal color #1f4075 has RGB values of R:31, G:64, B:117 and CMYK values of C:0.74, M:0.45, Y:0, K:0.54. Its decimal value is 2048117.

Hex triplet	1f4075	`#1f4075`
RGB Decimal	31, 64, 117	`rgb(31,64,117)`
RGB Percent	12.2, 25.1, 45.9	`rgb(12.2%,25.1%,45.9%)`
CMYK	74, 45, 0, 54
HSL	217°, 58.1, 29	`hsl(217,58.1%,29%)`
HSV (or HSB)	217°, 73.5, 45.9
Web Safe	333366	`#333366`

CIE-LAB	27.414, 7.533, -33.982
XYZ	5.609, 5.242, 17.545
xyY	0.198, 0.185, 5.242
CIE-LCH	27.414, 34.807, 282.498
CIE-LUV	27.414, -12.093, -44.066
Hunter-Lab	22.896, 3.659, -29.407
Binary	00011111, 01000000, 01110101

#1f4075
```
#1f4075 rgb(31,64,117)
```
#75541f
```
#75541f rgb(117,84,31)
```

Complementary Color

#1f6b75
```
#1f6b75 rgb(31,107,117)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#291f75
```
#291f75 rgb(41,31,117)
```

Analogous Color

#6b751f
```
#6b751f rgb(107,117,31)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#75291f
```
#75291f rgb(117,41,31)
```

Split Complementary Color

#40751f
```
#40751f rgb(64,117,31)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#751f40
```
#751f40 rgb(117,31,64)
```

Triadic Color

#1f7554
```
#1f7554 rgb(31,117,84)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#751f40
```
#751f40 rgb(117,31,64)
```
#75541f
```
#75541f rgb(117,84,31)
```

Tetradic Color

#0f1f39
```
#0f1f39 rgb(15,31,57)
```
#142a4d
```
#142a4d rgb(20,42,77)
```
#1a3561
```
#1a3561 rgb(26,53,97)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#244b89
```
#244b89 rgb(36,75,137)
```
#2a569d
```
#2a569d rgb(42,86,157)
```
#2f61b1
```
#2f61b1 rgb(47,97,177)
```

Monochromatic Color

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

#1f5675
```
#1f5675 rgb(31,86,117)
```
#1f4e75
```
#1f4e75 rgb(31,78,117)
```
#1f4775
```
#1f4775 rgb(31,71,117)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#1f3975
```
#1f3975 rgb(31,57,117)
```
#1f3275
```
#1f3275 rgb(31,50,117)
```
#1f2b75
```
#1f2b75 rgb(31,43,117)
```

Similar Colors

Text with hexadecimal color #1f4075

This text has a font color of #1f4075.

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

#1f4075 background color

This paragraph has a background color of #1f4075.

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

#1f4075 border color

This element has a border color of #1f4075.

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

CSS codes

.text {color:#1f4075;}

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

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

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)
```
#060d18
```
#060d18 rgb(6,13,24)
```
#0a1627
```
#0a1627 rgb(10,22,39)
```
#0f1e37
```
#0f1e37 rgb(15,30,55)
```
#132746
```
#132746 rgb(19,39,70)
```
#172f56
```
#172f56 rgb(23,47,86)
```
#1b3865
```
#1b3865 rgb(27,56,101)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#234885
```
#234885 rgb(35,72,133)
```
#275194
```
#275194 rgb(39,81,148)
```
#2b59a4
```
#2b59a4 rgb(43,89,164)
```
#2f62b3
```
#2f62b3 rgb(47,98,179)
```
#346ac3
```
#346ac3 rgb(52,106,195)
```

Shade Color Variation

#3e74cc
```
#3e74cc rgb(62,116,204)
```
#4d7fd0
```
#4d7fd0 rgb(77,127,208)
```
#5d8bd4
```
#5d8bd4 rgb(93,139,212)
```
#6c96d8
```
#6c96d8 rgb(108,150,216)
```
#7ca1dc
```
#7ca1dc rgb(124,161,220)
```
#8bace0
```
#8bace0 rgb(139,172,224)
```
#9bb7e4
```
#9bb7e4 rgb(155,183,228)
```
#aac2e9
```
#aac2e9 rgb(170,194,233)
```
#bacded
```
#bacded rgb(186,205,237)
```
#c9d9f1
```
#c9d9f1 rgb(201,217,241)
```
#d9e4f5
```
#d9e4f5 rgb(217,228,245)
```
#e8eff9
```
#e8eff9 rgb(232,239,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#47494d
```
#47494d rgb(71,73,77)
```
#414853
```
#414853 rgb(65,72,83)
```
#3b4759
```
#3b4759 rgb(59,71,89)
```
#36455e
```
#36455e rgb(54,69,94)
```
#304464
```
#304464 rgb(48,68,100)
```
#2a436a
```
#2a436a rgb(42,67,106)
```
#25416f
```
#25416f rgb(37,65,111)
```
#1f4075
```
#1f4075 rgb(31,64,117)
```
#193f7b
```
#193f7b rgb(25,63,123)
```
#143d80
```
#143d80 rgb(20,61,128)
```
#0e3c86
```
#0e3c86 rgb(14,60,134)
```
#083b8c
```
#083b8c rgb(8,59,140)
```
#033991
```
#033991 rgb(3,57,145)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#31497b Protanopia 1% of men
#1c4b7b Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#2a4579 Protanomaly 1% of men, 0.01% of women
#1d4779 Deuteranomaly 6% of men, 0.4% of women
#0b4b62 Tritanomaly 0.01% of the population

#1f4075 hex color

#1f4075 Color Information

#1f4075 Color Conversion

Color Schemes with #1f4075

Alternatives to #1f4075

#1f4075 Preview

Shades and Tints of #1f4075

Tones of #1f4075

Color Blindness Simulator