#1f4652 hex color

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

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

● #1f4652 color description : Very dark cyan.

The hexadecimal color #1f4652 has RGB values of R:31, G:70, B:82 and CMYK values of C:0.62, M:0.15, Y:0, K:0.68. Its decimal value is 2049618.

Hex triplet	1f4652	`#1f4652`
RGB Decimal	31, 70, 82	`rgb(31,70,82)`
RGB Percent	12.2, 27.5, 32.2	`rgb(12.2%,27.5%,32.2%)`
CMYK	62, 15, 0, 68
HSL	194.1°, 45.1, 22.2	`hsl(194.1,45.1%,22.2%)`
HSV (or HSB)	194.1°, 62.2, 32.2
Web Safe	333366	`#333366`

CIE-LAB	27.519, -9.729, -11.359
XYZ	4.278, 5.281, 8.776
xyY	0.233, 0.288, 5.281
CIE-LCH	27.519, 14.956, 229.418
CIE-LUV	27.519, -15.032, -12.722
Hunter-Lab	22.979, -6.984, -6.558
Binary	00011111, 01000110, 01010010

#1f4652
```
#1f4652 rgb(31,70,82)
```
#522b1f
```
#522b1f rgb(82,43,31)
```

Complementary Color

#1f5245
```
#1f5245 rgb(31,82,69)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#1f2d52
```
#1f2d52 rgb(31,45,82)
```

Analogous Color

#52451f
```
#52451f rgb(82,69,31)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#521f2d
```
#521f2d rgb(82,31,45)
```

Split Complementary Color

#46521f
```
#46521f rgb(70,82,31)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#521f46
```
#521f46 rgb(82,31,70)
```

Triadic Color

#1f522b
```
#1f522b rgb(31,82,43)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#521f46
```
#521f46 rgb(82,31,70)
```
#522b1f
```
#522b1f rgb(82,43,31)
```

Tetradic Color

#0a171a
```
#0a171a rgb(10,23,26)
```
#11262d
```
#11262d rgb(17,38,45)
```
#18363f
```
#18363f rgb(24,54,63)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#265665
```
#265665 rgb(38,86,101)
```
#2d6677
```
#2d6677 rgb(45,102,119)
```
#34758a
```
#34758a rgb(52,117,138)
```

Monochromatic Color

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

#1f5251
```
#1f5251 rgb(31,82,81)
```
#1f4f52
```
#1f4f52 rgb(31,79,82)
```
#1f4a52
```
#1f4a52 rgb(31,74,82)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#1f4252
```
#1f4252 rgb(31,66,82)
```
#1f3e52
```
#1f3e52 rgb(31,62,82)
```
#1f3952
```
#1f3952 rgb(31,57,82)
```

Similar Colors

Text with hexadecimal color #1f4652

This text has a font color of #1f4652.

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

#1f4652 background color

This paragraph has a background color of #1f4652.

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

#1f4652 border color

This element has a border color of #1f4652.

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

CSS codes

.text {color:#1f4652;}

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

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

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

#04090b
```
#04090b rgb(4,9,11)
```
#091519
```
#091519 rgb(9,21,25)
```
#0f2227
```
#0f2227 rgb(15,34,39)
```
#142e36
```
#142e36 rgb(20,46,54)
```
#1a3a44
```
#1a3a44 rgb(26,58,68)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#245260
```
#245260 rgb(36,82,96)
```
#2a5e6e
```
#2a5e6e rgb(42,94,110)
```
#2f6a7d
```
#2f6a7d rgb(47,106,125)
```
#35778b
```
#35778b rgb(53,119,139)
```
#3a8399
```
#3a8399 rgb(58,131,153)
```
#3f8fa7
```
#3f8fa7 rgb(63,143,167)
```
#459bb6
```
#459bb6 rgb(69,155,182)
```

Shade Color Variation

#51a4bd
```
#51a4bd rgb(81,164,189)
```
#5fabc3
```
#5fabc3 rgb(95,171,195)
```
#6db3c8
```
#6db3c8 rgb(109,179,200)
```
#7bbacd
```
#7bbacd rgb(123,186,205)
```
#8ac2d3
```
#8ac2d3 rgb(138,194,211)
```
#98c9d8
```
#98c9d8 rgb(152,201,216)
```
#a6d0dd
```
#a6d0dd rgb(166,208,221)
```
#b4d8e3
```
#b4d8e3 rgb(180,216,227)
```
#c3dfe8
```
#c3dfe8 rgb(195,223,232)
```
#d1e7ee
```
#d1e7ee rgb(209,231,238)
```
#dfeef3
```
#dfeef3 rgb(223,238,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, #353a3c is the less saturated color, while #015670 is the most saturated one.

#353a3c
```
#353a3c rgb(53,58,60)
```
#303d41
```
#303d41 rgb(48,61,65)
```
#2c3f45
```
#2c3f45 rgb(44,63,69)
```
#284149
```
#284149 rgb(40,65,73)
```
#23444e
```
#23444e rgb(35,68,78)
```
#1f4652
```
#1f4652 rgb(31,70,82)
```
#1b4856
```
#1b4856 rgb(27,72,86)
```
#164b5b
```
#164b5b rgb(22,75,91)
```
#124d5f
```
#124d5f rgb(18,77,95)
```
#0e4f63
```
#0e4f63 rgb(14,79,99)
```
#095268
```
#095268 rgb(9,82,104)
```
#05546c
```
#05546c rgb(5,84,108)
```
#015670
```
#015670 rgb(1,86,112)
```

Tone Color Variation

Below, you can see how #1f4652 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
#363e40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474a57 Protanopia 1% of men
#47495d Deuteranopia 1% of men
#285056 Tritanopia 0.001% of the population

Trichromacy

#394855 Protanomaly 1% of men, 0.01% of women
#384859 Deuteranomaly 6% of men, 0.4% of women
#244c54 Tritanomaly 0.01% of the population

#1f4652 hex color

#1f4652 Color Information

#1f4652 Color Conversion

Color Schemes with #1f4652

Alternatives to #1f4652

#1f4652 Preview

Shades and Tints of #1f4652

Tones of #1f4652

Color Blindness Simulator