#1f526c hex color

In a RGB color space, hex #1f526c is composed of 12.2% red, 32.2% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 24.1% magenta, 0% yellow and 57.6% black. It has a hue angle of 200.3 degrees, a saturation of 55.4% and a lightness of 27.3%. #1f526c color hex could be obtained by blending #3ea4d8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 32
- B 42
RGB color chart
- C 71
- M 24
- Y 0
- K 58
CMYK color chart

● #1f526c color description : Very dark blue.

The hexadecimal color #1f526c has RGB values of R:31, G:82, B:108 and CMYK values of C:0.71, M:0.24, Y:0, K:0.58. Its decimal value is 2052716.

Hex triplet	1f526c	`#1f526c`
RGB Decimal	31, 82, 108	`rgb(31,82,108)`
RGB Percent	12.2, 32.2, 42.4	`rgb(12.2%,32.2%,42.4%)`
CMYK	71, 24, 0, 58
HSL	200.3°, 55.4, 27.3	`hsl(200.3,55.4%,27.3%)`
HSV (or HSB)	200.3°, 71.3, 42.4
Web Safe	336666	`#336666`

CIE-LAB	32.718, -7.767, -19.946
XYZ	6.288, 7.408, 15.285
xyY	0.217, 0.256, 7.408
CIE-LCH	32.718, 21.405, 248.725
CIE-LUV	32.718, -18.618, -25.505
Hunter-Lab	27.218, -6.39, -14.244
Binary	00011111, 01010010, 01101100

#1f526c
```
#1f526c rgb(31,82,108)
```
#6c391f
```
#6c391f rgb(108,57,31)
```

Complementary Color

#1f6c60
```
#1f6c60 rgb(31,108,96)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#1f2c6c
```
#1f2c6c rgb(31,44,108)
```

Analogous Color

#6c601f
```
#6c601f rgb(108,96,31)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#6c1f2c
```
#6c1f2c rgb(108,31,44)
```

Split Complementary Color

#526c1f
```
#526c1f rgb(82,108,31)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#6c1f52
```
#6c1f52 rgb(108,31,82)
```

Triadic Color

#1f6c39
```
#1f6c39 rgb(31,108,57)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#6c1f52
```
#6c1f52 rgb(108,31,82)
```
#6c391f
```
#6c391f rgb(108,57,31)
```

Tetradic Color

#0e2531
```
#0e2531 rgb(14,37,49)
```
#143444
```
#143444 rgb(20,52,68)
```
#194358
```
#194358 rgb(25,67,88)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#256180
```
#256180 rgb(37,97,128)
```
#2a7094
```
#2a7094 rgb(42,112,148)
```
#307fa7
```
#307fa7 rgb(48,127,167)
```

Monochromatic Color

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

#1f656c
```
#1f656c rgb(31,101,108)
```
#1f5f6c
```
#1f5f6c rgb(31,95,108)
```
#1f586c
```
#1f586c rgb(31,88,108)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#1f4c6c
```
#1f4c6c rgb(31,76,108)
```
#1f456c
```
#1f456c rgb(31,69,108)
```
#1f3f6c
```
#1f3f6c rgb(31,63,108)
```

Similar Colors

Text with hexadecimal color #1f526c

This text has a font color of #1f526c.

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

#1f526c background color

This paragraph has a background color of #1f526c.

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

#1f526c border color

This element has a border color of #1f526c.

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

CSS codes

.text {color:#1f526c;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050d11
```
#050d11 rgb(5,13,17)
```
#091820
```
#091820 rgb(9,24,32)
```
#0e242f
```
#0e242f rgb(14,36,47)
```
#122f3e
```
#122f3e rgb(18,47,62)
```
#163b4e
```
#163b4e rgb(22,59,78)
```
#1b465d
```
#1b465d rgb(27,70,93)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#235e7b
```
#235e7b rgb(35,94,123)
```
#28698a
```
#28698a rgb(40,105,138)
```
#2c759a
```
#2c759a rgb(44,117,154)
```
#3080a9
```
#3080a9 rgb(48,128,169)
```
#358cb8
```
#358cb8 rgb(53,140,184)
```

Shade Color Variation

#3a97c7
```
#3a97c7 rgb(58,151,199)
```
#499fcb
```
#499fcb rgb(73,159,203)
```
#59a7cf
```
#59a7cf rgb(89,167,207)
```
#68afd4
```
#68afd4 rgb(104,175,212)
```
#77b7d8
```
#77b7d8 rgb(119,183,216)
```
#86bfdc
```
#86bfdc rgb(134,191,220)
```
#96c7e1
```
#96c7e1 rgb(150,199,225)
```
#a5cfe5
```
#a5cfe5 rgb(165,207,229)
```
#b4d7ea
```
#b4d7ea rgb(180,215,234)
```
#c3e0ee
```
#c3e0ee rgb(195,224,238)
```
#d3e8f2
```
#d3e8f2 rgb(211,232,242)
```
#e2f0f7
```
#e2f0f7 rgb(226,240,247)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

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

#444647
```
#444647 rgb(68,70,71)
```
#3f484c
```
#3f484c rgb(63,72,76)
```
#3a4951
```
#3a4951 rgb(58,73,81)
```
#344b57
```
#344b57 rgb(52,75,87)
```
#2f4d5c
```
#2f4d5c rgb(47,77,92)
```
#2a4f61
```
#2a4f61 rgb(42,79,97)
```
#245067
```
#245067 rgb(36,80,103)
```
#1f526c
```
#1f526c rgb(31,82,108)
```
#1a5471
```
#1a5471 rgb(26,84,113)
```
#145577
```
#145577 rgb(20,85,119)
```
#0f577c
```
#0f577c rgb(15,87,124)
```
#0a5981
```
#0a5981 rgb(10,89,129)
```
#045b87
```
#045b87 rgb(4,91,135)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e556f Protanopia 1% of men
#4a5575 Deuteranopia 1% of men
#1e5d64 Tritanopia 0.001% of the population

Trichromacy

#3d546e Protanomaly 1% of men, 0.01% of women
#3a5472 Deuteranomaly 6% of men, 0.4% of women
#1e5967 Tritanomaly 0.01% of the population

#1f526c hex color

#1f526c Color Information

#1f526c Color Conversion

Color Schemes with #1f526c

Alternatives to #1f526c

#1f526c Preview

Shades and Tints of #1f526c

Tones of #1f526c

Color Blindness Simulator