#1f4852 hex color

In a RGB color space, hex #1f4852 is composed of 12.2% red, 28.2% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 12.2% magenta, 0% yellow and 67.8% black. It has a hue angle of 191.8 degrees, a saturation of 45.1% and a lightness of 22.2%. #1f4852 color hex could be obtained by blending #3e90a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 28
- B 32
RGB color chart
- C 62
- M 12
- Y 0
- K 68
CMYK color chart

● #1f4852 color description : Very dark cyan.

The hexadecimal color #1f4852 has RGB values of R:31, G:72, B:82 and CMYK values of C:0.62, M:0.12, Y:0, K:0.68. Its decimal value is 2050130.

Hex triplet	1f4852	`#1f4852`
RGB Decimal	31, 72, 82	`rgb(31,72,82)`
RGB Percent	12.2, 28.2, 32.2	`rgb(12.2%,28.2%,32.2%)`
CMYK	62, 12, 0, 68
HSL	191.8°, 45.1, 22.2	`hsl(191.8,45.1%,22.2%)`
HSV (or HSB)	191.8°, 62.2, 32.2
Web Safe	333366	`#333366`

CIE-LAB	28.207, -10.949, -10.312
XYZ	4.405, 5.535, 8.818
xyY	0.235, 0.295, 5.535
CIE-LCH	28.207, 15.04, 223.283
CIE-LUV	28.207, -15.812, -11.34
Hunter-Lab	23.526, -7.749, -5.755
Binary	00011111, 01001000, 01010010

#1f4852
```
#1f4852 rgb(31,72,82)
```
#52291f
```
#52291f rgb(82,41,31)
```

Complementary Color

#1f5243
```
#1f5243 rgb(31,82,67)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#1f2f52
```
#1f2f52 rgb(31,47,82)
```

Analogous Color

#52431f
```
#52431f rgb(82,67,31)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#521f2f
```
#521f2f rgb(82,31,47)
```

Split Complementary Color

#48521f
```
#48521f rgb(72,82,31)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#521f48
```
#521f48 rgb(82,31,72)
```

Triadic Color

#1f5229
```
#1f5229 rgb(31,82,41)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#521f48
```
#521f48 rgb(82,31,72)
```
#52291f
```
#52291f rgb(82,41,31)
```

Tetradic Color

#0a171a
```
#0a171a rgb(10,23,26)
```
#11282d
```
#11282d rgb(17,40,45)
```
#18383f
```
#18383f rgb(24,56,63)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#265865
```
#265865 rgb(38,88,101)
```
#2d6877
```
#2d6877 rgb(45,104,119)
```
#34798a
```
#34798a rgb(52,121,138)
```

Monochromatic Color

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

#1f524f
```
#1f524f rgb(31,82,79)
```
#1f5152
```
#1f5152 rgb(31,81,82)
```
#1f4c52
```
#1f4c52 rgb(31,76,82)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#1f4452
```
#1f4452 rgb(31,68,82)
```
#1f4052
```
#1f4052 rgb(31,64,82)
```
#1f3b52
```
#1f3b52 rgb(31,59,82)
```

Similar Colors

Text with hexadecimal color #1f4852

This text has a font color of #1f4852.

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

#1f4852 background color

This paragraph has a background color of #1f4852.

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

#1f4852 border color

This element has a border color of #1f4852.

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

CSS codes

.text {color:#1f4852;}

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

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

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, #040a0b is the darkest color, while #fcfdfe is the lightest one.

#040a0b
```
#040a0b rgb(4,10,11)
```
#091619
```
#091619 rgb(9,22,25)
```
#0f2327
```
#0f2327 rgb(15,35,39)
```
#142f36
```
#142f36 rgb(20,47,54)
```
#1a3c44
```
#1a3c44 rgb(26,60,68)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#245460
```
#245460 rgb(36,84,96)
```
#2a616e
```
#2a616e rgb(42,97,110)
```
#2f6d7d
```
#2f6d7d rgb(47,109,125)
```
#357a8b
```
#357a8b rgb(53,122,139)
```
#3a8699
```
#3a8699 rgb(58,134,153)
```
#3f93a7
```
#3f93a7 rgb(63,147,167)
```
#459fb6
```
#459fb6 rgb(69,159,182)
```

Shade Color Variation

#51a8bd
```
#51a8bd rgb(81,168,189)
```
#5fafc3
```
#5fafc3 rgb(95,175,195)
```
#6db6c8
```
#6db6c8 rgb(109,182,200)
```
#7bbdcd
```
#7bbdcd rgb(123,189,205)
```
#8ac4d3
```
#8ac4d3 rgb(138,196,211)
```
#98cbd8
```
#98cbd8 rgb(152,203,216)
```
#a6d3dd
```
#a6d3dd rgb(166,211,221)
```
#b4dae3
```
#b4dae3 rgb(180,218,227)
```
#c3e1e8
```
#c3e1e8 rgb(195,225,232)
```
#d1e8ee
```
#d1e8ee rgb(209,232,238)
```
#dfeff3
```
#dfeff3 rgb(223,239,243)
```
#edf6f8
```
#edf6f8 rgb(237,246,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #353b3c is the less saturated color, while #015a70 is the most saturated one.

#353b3c
```
#353b3c rgb(53,59,60)
```
#303d41
```
#303d41 rgb(48,61,65)
```
#2c4045
```
#2c4045 rgb(44,64,69)
```
#284349
```
#284349 rgb(40,67,73)
```
#23454e
```
#23454e rgb(35,69,78)
```
#1f4852
```
#1f4852 rgb(31,72,82)
```
#1b4b56
```
#1b4b56 rgb(27,75,86)
```
#164d5b
```
#164d5b rgb(22,77,91)
```
#12505f
```
#12505f rgb(18,80,95)
```
#0e5363
```
#0e5363 rgb(14,83,99)
```
#095568
```
#095568 rgb(9,85,104)
```
#05586c
```
#05586c rgb(5,88,108)
```
#015a70
```
#015a70 rgb(1,90,112)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4b57 Protanopia 1% of men
#4a4a5d Deuteranopia 1% of men
#295258 Tritanopia 0.001% of the population

Trichromacy

#3a4a55 Protanomaly 1% of men, 0.01% of women
#3a4959 Deuteranomaly 6% of men, 0.4% of women
#254e55 Tritanomaly 0.01% of the population

#1f4852 hex color

#1f4852 Color Information

#1f4852 Color Conversion

Color Schemes with #1f4852

Alternatives to #1f4852

#1f4852 Preview

Shades and Tints of #1f4852

Tones of #1f4852

Color Blindness Simulator