#1f484c hex color

In a RGB color space, hex #1f484c is composed of 12.2% red, 28.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 5.3% magenta, 0% yellow and 70.2% black. It has a hue angle of 185.3 degrees, a saturation of 42.1% and a lightness of 21%. #1f484c color hex could be obtained by blending #3e9098 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 28
- B 30
RGB color chart
- C 59
- M 5
- Y 0
- K 70
CMYK color chart

● #1f484c color description : Very dark desaturated cyan.

The hexadecimal color #1f484c has RGB values of R:31, G:72, B:76 and CMYK values of C:0.59, M:0.05, Y:0, K:0.7. Its decimal value is 2050124.

Hex triplet	1f484c	`#1f484c`
RGB Decimal	31, 72, 76	`rgb(31,72,76)`
RGB Percent	12.2, 28.2, 29.8	`rgb(12.2%,28.2%,29.8%)`
CMYK	59, 5, 0, 70
HSL	185.3°, 42.1, 21	`hsl(185.3,42.1%,21%)`
HSV (or HSB)	185.3°, 59.2, 29.8
Web Safe	333333	`#333333`

CIE-LAB	27.974, -12.96, -6.775
XYZ	4.187, 5.448, 7.668
xyY	0.242, 0.315, 5.448
CIE-LCH	27.974, 14.624, 207.599
CIE-LUV	27.974, -16.025, -6.597
Hunter-Lab	23.34, -8.827, -3.141
Binary	00011111, 01001000, 01001100

#1f484c
```
#1f484c rgb(31,72,76)
```
#4c231f
```
#4c231f rgb(76,35,31)
```

Complementary Color

#1f4c3a
```
#1f4c3a rgb(31,76,58)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#1f324c
```
#1f324c rgb(31,50,76)
```

Analogous Color

#4c3a1f
```
#4c3a1f rgb(76,58,31)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#4c1f32
```
#4c1f32 rgb(76,31,50)
```

Split Complementary Color

#484c1f
```
#484c1f rgb(72,76,31)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#4c1f48
```
#4c1f48 rgb(76,31,72)
```

Triadic Color

#1f4c23
```
#1f4c23 rgb(31,76,35)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#4c1f48
```
#4c1f48 rgb(76,31,72)
```
#4c231f
```
#4c231f rgb(76,35,31)
```

Tetradic Color

#091516
```
#091516 rgb(9,21,22)
```
#102628
```
#102628 rgb(16,38,40)
```
#18373a
```
#18373a rgb(24,55,58)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#26595e
```
#26595e rgb(38,89,94)
```
#2e6a70
```
#2e6a70 rgb(46,106,112)
```
#357b82
```
#357b82 rgb(53,123,130)
```

Monochromatic Color

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

#1f4c45
```
#1f4c45 rgb(31,76,69)
```
#1f4c49
```
#1f4c49 rgb(31,76,73)
```
#1f4c4c
```
#1f4c4c rgb(31,76,76)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#1f444c
```
#1f444c rgb(31,68,76)
```
#1f414c
```
#1f414c rgb(31,65,76)
```
#1f3d4c
```
#1f3d4c rgb(31,61,76)
```

Similar Colors

Text with hexadecimal color #1f484c

This text has a font color of #1f484c.

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

#1f484c background color

This paragraph has a background color of #1f484c.

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

#1f484c border color

This element has a border color of #1f484c.

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

CSS codes

.text {color:#1f484c;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#081314
```
#081314 rgb(8,19,20)
```
#0e2022
```
#0e2022 rgb(14,32,34)
```
#142e30
```
#142e30 rgb(20,46,48)
```
#193b3e
```
#193b3e rgb(25,59,62)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#25555a
```
#25555a rgb(37,85,90)
```
#2a6268
```
#2a6268 rgb(42,98,104)
```
#307076
```
#307076 rgb(48,112,118)
```
#367d84
```
#367d84 rgb(54,125,132)
```
#3b8a92
```
#3b8a92 rgb(59,138,146)
```
#4197a0
```
#4197a0 rgb(65,151,160)
```
#47a4ae
```
#47a4ae rgb(71,164,174)
```

Shade Color Variation

#50afb8
```
#50afb8 rgb(80,175,184)
```
#5eb5bd
```
#5eb5bd rgb(94,181,189)
```
#6cbbc3
```
#6cbbc3 rgb(108,187,195)
```
#7ac2c9
```
#7ac2c9 rgb(122,194,201)
```
#88c8ce
```
#88c8ce rgb(136,200,206)
```
#96cfd4
```
#96cfd4 rgb(150,207,212)
```
#a4d5da
```
#a4d5da rgb(164,213,218)
```
#b2dbdf
```
#b2dbdf rgb(178,219,223)
```
#c0e2e5
```
#c0e2e5 rgb(192,226,229)
```
#cee8eb
```
#cee8eb rgb(206,232,235)
```
#dceff1
```
#dceff1 rgb(220,239,241)
```
#e9f5f6
```
#e9f5f6 rgb(233,245,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#343737
```
#343737 rgb(52,55,55)
```
#2f3a3c
```
#2f3a3c rgb(47,58,60)
```
#2b3e40
```
#2b3e40 rgb(43,62,64)
```
#274144
```
#274144 rgb(39,65,68)
```
#234548
```
#234548 rgb(35,69,72)
```
#1f484c
```
#1f484c rgb(31,72,76)
```
#1b4b50
```
#1b4b50 rgb(27,75,80)
```
#174f54
```
#174f54 rgb(23,79,84)
```
#135258
```
#135258 rgb(19,82,88)
```
#0f565c
```
#0f565c rgb(15,86,92)
```
#0a5961
```
#0a5961 rgb(10,89,97)
```
#065c65
```
#065c65 rgb(6,92,101)
```
#026069
```
#026069 rgb(2,96,105)
```

Tone Color Variation

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

Dichromacy

#4b4b51 Protanopia 1% of men
#4c4a58 Deuteranopia 1% of men
#2b5157 Tritanopia 0.001% of the population

Trichromacy

#3b4a4f Protanomaly 1% of men, 0.01% of women
#3c4953 Deuteranomaly 6% of men, 0.4% of women
#264d53 Tritanomaly 0.01% of the population

#1f484c hex color

#1f484c Color Information

#1f484c Color Conversion

Color Schemes with #1f484c

Alternatives to #1f484c

#1f484c Preview

Shades and Tints of #1f484c

Tones of #1f484c

Color Blindness Simulator