colorhexa.com

#1f333a hex color

In a RGB color space, hex #1f333a is composed of 12.2% red, 20% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 12.1% magenta, 0% yellow and 77.3% black. It has a hue angle of 195.6 degrees, a saturation of 30.3% and a lightness of 17.5%. #1f333a color hex could be obtained by blending #3e6674 with #000000. Closest websafe color is: #333333.

- R 12
- G 20
- B 23
RGB color chart
- C 47
- M 12
- Y 0
- K 77
CMYK color chart

● #1f333a color description : Very dark desaturated blue.

The hexadecimal color #1f333a has RGB values of R:31, G:51, B:58 and CMYK values of C:0.47, M:0.12, Y:0, K:0.77. Its decimal value is 2044730.

Hex triplet	1f333a	`#1f333a`
RGB Decimal	31, 51, 58	`rgb(31,51,58)`
RGB Percent	12.2, 20, 22.7	`rgb(12.2%,20%,22.7%)`
CMYK	47, 12, 0, 77
HSL	195.6°, 30.3, 17.5	`hsl(195.6,30.3%,17.5%)`
HSV (or HSB)	195.6°, 46.6, 22.7
Web Safe	333333	`#333333`

CIE-LAB	19.9, -5.8, -6.955
XYZ	2.512, 2.964, 4.443
xyY	0.253, 0.299, 2.964
CIE-LCH	19.9, 9.056, 230.177
CIE-LUV	19.9, -8.069, -6.71
Hunter-Lab	17.217, -4.082, -3.246
Binary	00011111, 00110011, 00111010

#1f333a
```
#1f333a rgb(31,51,58)
```
#3a261f
```
#3a261f rgb(58,38,31)
```

Complementary Color

#1f3a34
```
#1f3a34 rgb(31,58,52)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#1f263a
```
#1f263a rgb(31,38,58)
```

Analogous Color

#3a341f
```
#3a341f rgb(58,52,31)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#3a1f26
```
#3a1f26 rgb(58,31,38)
```

Split Complementary Color

#040708
```
#040708 rgb(4,7,8)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#162429
```
#162429 rgb(22,36,41)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#28424b
```
#28424b rgb(40,66,75)
```
#31505b
```
#31505b rgb(49,80,91)
```
#3a5f6c
```
#3a5f6c rgb(58,95,108)
```

Monochromatic Color

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

#1f3a3a
```
#1f3a3a rgb(31,58,58)
```
#1f383a
```
#1f383a rgb(31,56,58)
```
#1f353a
```
#1f353a rgb(31,53,58)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#1f313a
```
#1f313a rgb(31,49,58)
```
#1f2f3a
```
#1f2f3a rgb(31,47,58)
```
#1f2c3a
```
#1f2c3a rgb(31,44,58)
```

Similar Colors

Text with hexadecimal color #1f333a

This text has a font color of #1f333a.

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

#1f333a background color

This paragraph has a background color of #1f333a.

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

#1f333a border color

This element has a border color of #1f333a.

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

CSS codes

.text {color:#1f333a;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0b1114
```
#0b1114 rgb(11,17,20)
```
#111d20
```
#111d20 rgb(17,29,32)
```
#18282d
```
#18282d rgb(24,40,45)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#263e47
```
#263e47 rgb(38,62,71)
```
#2d4954
```
#2d4954 rgb(45,73,84)
```
#335560
```
#335560 rgb(51,85,96)
```
#3a606d
```
#3a606d rgb(58,96,109)
```
#416b7a
```
#416b7a rgb(65,107,122)
```
#487687
```
#487687 rgb(72,118,135)
```
#4f8293
```
#4f8293 rgb(79,130,147)
```
#568da0
```
#568da0 rgb(86,141,160)
```

Shade Color Variation

#6097aa
```
#6097aa rgb(96,151,170)
```
#6c9fb1
```
#6c9fb1 rgb(108,159,177)
```
#79a7b8
```
#79a7b8 rgb(121,167,184)
```
#86b0be
```
#86b0be rgb(134,176,190)
```
#93b8c5
```
#93b8c5 rgb(147,184,197)
```
#a0c0cc
```
#a0c0cc rgb(160,192,204)
```
#acc9d3
```
#acc9d3 rgb(172,201,211)
```
#b9d1da
```
#b9d1da rgb(185,209,218)
```
#c6dae1
```
#c6dae1 rgb(198,218,225)
```
#d3e2e7
```
#d3e2e7 rgb(211,226,231)
```
#e0eaee
```
#e0eaee rgb(224,234,238)
```
#ecf3f5
```
#ecf3f5 rgb(236,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#292e30
```
#292e30 rgb(41,46,48)
```
#263033
```
#263033 rgb(38,48,51)
```
#223137
```
#223137 rgb(34,49,55)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#1c353d
```
#1c353d rgb(28,53,61)
```
#183641
```
#183641 rgb(24,54,65)
```
#153844
```
#153844 rgb(21,56,68)
```
#113a48
```
#113a48 rgb(17,58,72)
```
#0e3b4b
```
#0e3b4b rgb(14,59,75)
```
#0a3d4f
```
#0a3d4f rgb(10,61,79)
```
#073f52
```
#073f52 rgb(7,63,82)
```
#044055
```
#044055 rgb(4,64,85)
```
#004259
```
#004259 rgb(0,66,89)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2b2f30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393a42 Protanopia 1% of men
#3a3945 Deuteranopia 1% of men
#2a3d42 Tritanopia 0.001% of the population

Trichromacy

#2f373f Protanomaly 1% of men, 0.01% of women
#303741 Deuteranomaly 6% of men, 0.4% of women
#26393f Tritanomaly 0.01% of the population