#1f4055 hex color

In a RGB color space, hex #1f4055 is composed of 12.2% red, 25.1% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 24.7% magenta, 0% yellow and 66.7% black. It has a hue angle of 203.3 degrees, a saturation of 46.6% and a lightness of 22.7%. #1f4055 color hex could be obtained by blending #3e80aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 25
- B 33
RGB color chart
- C 64
- M 25
- Y 0
- K 67
CMYK color chart

● #1f4055 color description : Very dark blue.

The hexadecimal color #1f4055 has RGB values of R:31, G:64, B:85 and CMYK values of C:0.64, M:0.25, Y:0, K:0.67. Its decimal value is 2048085.

Hex triplet	1f4055	`#1f4055`
RGB Decimal	31, 64, 85	`rgb(31,64,85)`
RGB Percent	12.2, 25.1, 33.3	`rgb(12.2%,25.1%,33.3%)`
CMYK	64, 25, 0, 67
HSL	203.3°, 46.6, 22.7	`hsl(203.3,46.6%,22.7%)`
HSV (or HSB)	203.3°, 63.5, 33.3
Web Safe	333366	`#333366`

CIE-LAB	25.605, -4.867, -16.257
XYZ	4.038, 4.614, 9.272
xyY	0.225, 0.257, 4.614
CIE-LCH	25.605, 16.97, 253.334
CIE-LUV	25.605, -12.655, -19.123
Hunter-Lab	21.48, -4.034, -10.557
Binary	00011111, 01000000, 01010101

#1f4055
```
#1f4055 rgb(31,64,85)
```
#55341f
```
#55341f rgb(85,52,31)
```

Complementary Color

#1f554f
```
#1f554f rgb(31,85,79)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#1f2555
```
#1f2555 rgb(31,37,85)
```

Analogous Color

#554f1f
```
#554f1f rgb(85,79,31)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#551f25
```
#551f25 rgb(85,31,37)
```

Split Complementary Color

#40551f
```
#40551f rgb(64,85,31)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#551f40
```
#551f40 rgb(85,31,64)
```

Triadic Color

#1f5534
```
#1f5534 rgb(31,85,52)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#551f40
```
#551f40 rgb(85,31,64)
```
#55341f
```
#55341f rgb(85,52,31)
```

Tetradic Color

#0b161d
```
#0b161d rgb(11,22,29)
```
#112430
```
#112430 rgb(17,36,48)
```
#183242
```
#183242 rgb(24,50,66)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#264e68
```
#264e68 rgb(38,78,104)
```
#2d5c7a
```
#2d5c7a rgb(45,92,122)
```
#336a8d
```
#336a8d rgb(51,106,141)
```

Monochromatic Color

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

#1f4e55
```
#1f4e55 rgb(31,78,85)
```
#1f4955
```
#1f4955 rgb(31,73,85)
```
#1f4555
```
#1f4555 rgb(31,69,85)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#1f3c55
```
#1f3c55 rgb(31,60,85)
```
#1f3755
```
#1f3755 rgb(31,55,85)
```
#1f3355
```
#1f3355 rgb(31,51,85)
```

Similar Colors

Text with hexadecimal color #1f4055

This text has a font color of #1f4055.

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

#1f4055 background color

This paragraph has a background color of #1f4055.

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

#1f4055 border color

This element has a border color of #1f4055.

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

CSS codes

.text {color:#1f4055;}

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

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

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, #050a0d is the darkest color, while #fefeff is the lightest one.

#050a0d
```
#050a0d rgb(5,10,13)
```
#0a151c
```
#0a151c rgb(10,21,28)
```
#0f202a
```
#0f202a rgb(15,32,42)
```
#152a38
```
#152a38 rgb(21,42,56)
```
#1a3547
```
#1a3547 rgb(26,53,71)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#244b63
```
#244b63 rgb(36,75,99)
```
#295672
```
#295672 rgb(41,86,114)
```
#2f6080
```
#2f6080 rgb(47,96,128)
```
#346b8e
```
#346b8e rgb(52,107,142)
```
#39769d
```
#39769d rgb(57,118,157)
```
#3e81ab
```
#3e81ab rgb(62,129,171)
```
#448cba
```
#448cba rgb(68,140,186)
```

Shade Color Variation

#5195c0
```
#5195c0 rgb(81,149,192)
```
#609ec5
```
#609ec5 rgb(96,158,197)
```
#6ea6ca
```
#6ea6ca rgb(110,166,202)
```
#7cafcf
```
#7cafcf rgb(124,175,207)
```
#8bb8d5
```
#8bb8d5 rgb(139,184,213)
```
#99c1da
```
#99c1da rgb(153,193,218)
```
#a8c9df
```
#a8c9df rgb(168,201,223)
```
#b6d2e4
```
#b6d2e4 rgb(182,210,228)
```
#c4dbea
```
#c4dbea rgb(196,219,234)
```
#d3e4ef
```
#d3e4ef rgb(211,228,239)
```
#e1edf4
```
#e1edf4 rgb(225,237,244)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#3a3a3a
```
#3a3a3a rgb(58,58,58)
```
#353b3f
```
#353b3f rgb(53,59,63)
```
#313c43
```
#313c43 rgb(49,60,67)
```
#2c3d48
```
#2c3d48 rgb(44,61,72)
```
#283e4c
```
#283e4c rgb(40,62,76)
```
#233f51
```
#233f51 rgb(35,63,81)
```
#1f4055
```
#1f4055 rgb(31,64,85)
```
#1b4159
```
#1b4159 rgb(27,65,89)
```
#16425e
```
#16425e rgb(22,66,94)
```
#124362
```
#124362 rgb(18,67,98)
```
#0d4467
```
#0d4467 rgb(13,68,103)
```
#09456b
```
#09456b rgb(9,69,107)
```
#044670
```
#044670 rgb(4,70,112)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#343a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#40465b Protanopia 1% of men
#3e465f Deuteranopia 1% of men
#244c51 Tritanopia 0.001% of the population

Trichromacy

#344358 Protanomaly 1% of men, 0.01% of women
#32435b Deuteranomaly 6% of men, 0.4% of women
#224752 Tritanomaly 0.01% of the population

#1f4055 hex color

#1f4055 Color Information

#1f4055 Color Conversion

Color Schemes with #1f4055

Alternatives to #1f4055

#1f4055 Preview

Shades and Tints of #1f4055

Tones of #1f4055

Color Blindness Simulator