#1f2a33 hex color

In a RGB color space, hex #1f2a33 is composed of 12.2% red, 16.5% green and 20% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 17.6% magenta, 0% yellow and 80% black. It has a hue angle of 207 degrees, a saturation of 24.4% and a lightness of 16.1%. #1f2a33 color hex could be obtained by blending #3e5466 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 16
- B 20
RGB color chart
- C 39
- M 18
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #1f2a33 has RGB values of R:31, G:42, B:51 and CMYK values of C:0.39, M:0.18, Y:0, K:0.8. Its decimal value is 2042419.

Hex triplet	1f2a33	`#1f2a33`
RGB Decimal	31, 42, 51	`rgb(31,42,51)`
RGB Percent	12.2, 16.5, 20	`rgb(12.2%,16.5%,20%)`
CMYK	39, 18, 0, 80
HSL	207°, 24.4, 16.1	`hsl(207,24.4%,16.1%)`
HSV (or HSB)	207°, 39.2, 20
Web Safe	333333	`#333333`

CIE-LAB	16.435, -1.99, -7.357
XYZ	1.99, 2.186, 3.449
xyY	0.261, 0.287, 2.186
CIE-LCH	16.435, 7.622, 254.867
CIE-LUV	16.435, -4.577, -6.914
Hunter-Lab	14.786, -1.846, -3.48
Binary	00011111, 00101010, 00110011

#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#33281f
```
#33281f rgb(51,40,31)
```

Complementary Color

#1f3332
```
#1f3332 rgb(31,51,50)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#1f2033
```
#1f2033 rgb(31,32,51)
```

Analogous Color

#33321f
```
#33321f rgb(51,50,31)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#331f20
```
#331f20 rgb(51,31,32)
```

Split Complementary Color

#2a331f
```
#2a331f rgb(42,51,31)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#331f2a
```
#331f2a rgb(51,31,42)
```

Triadic Color

#1f3328
```
#1f3328 rgb(31,51,40)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#331f2a
```
#331f2a rgb(51,31,42)
```
#33281f
```
#33281f rgb(51,40,31)
```

Tetradic Color

#020303
```
#020303 rgb(2,3,3)
```
#0c1013
```
#0c1013 rgb(12,16,19)
```
#151d23
```
#151d23 rgb(21,29,35)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#293743
```
#293743 rgb(41,55,67)
```
#324453
```
#324453 rgb(50,68,83)
```
#3c5163
```
#3c5163 rgb(60,81,99)
```

Monochromatic Color

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

#1f2f33
```
#1f2f33 rgb(31,47,51)
```
#1f2d33
```
#1f2d33 rgb(31,45,51)
```
#1f2c33
```
#1f2c33 rgb(31,44,51)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#1f2833
```
#1f2833 rgb(31,40,51)
```
#1f2733
```
#1f2733 rgb(31,39,51)
```
#1f2533
```
#1f2533 rgb(31,37,51)
```

Similar Colors

Text with hexadecimal color #1f2a33

This text has a font color of #1f2a33.

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

#1f2a33 background color

This paragraph has a background color of #1f2a33.

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

#1f2a33 border color

This element has a border color of #1f2a33.

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

CSS codes

.text {color:#1f2a33;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090c0e
```
#090c0e rgb(9,12,14)
```
#10161b
```
#10161b rgb(16,22,27)
```
#182027
```
#182027 rgb(24,32,39)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#26343f
```
#26343f rgb(38,52,63)
```
#2e3e4b
```
#2e3e4b rgb(46,62,75)
```
#354858
```
#354858 rgb(53,72,88)
```
#3d5264
```
#3d5264 rgb(61,82,100)
```
#445c70
```
#445c70 rgb(68,92,112)
```
#4b667c
```
#4b667c rgb(75,102,124)
```
#537088
```
#537088 rgb(83,112,136)
```
#5a7a95
```
#5a7a95 rgb(90,122,149)
```

Shade Color Variation

#6384a0
```
#6384a0 rgb(99,132,160)
```
#6f8ea7
```
#6f8ea7 rgb(111,142,167)
```
#7b97af
```
#7b97af rgb(123,151,175)
```
#87a1b6
```
#87a1b6 rgb(135,161,182)
```
#93abbe
```
#93abbe rgb(147,171,190)
```
#a0b4c5
```
#a0b4c5 rgb(160,180,197)
```
#acbecc
```
#acbecc rgb(172,190,204)
```
#b8c7d4
```
#b8c7d4 rgb(184,199,212)
```
#c4d1db
```
#c4d1db rgb(196,209,219)
```
#d0dae3
```
#d0dae3 rgb(208,218,227)
```
#dde4ea
```
#dde4ea rgb(221,228,234)
```
#e9eef2
```
#e9eef2 rgb(233,238,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

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

#28292a
```
#28292a rgb(40,41,42)
```
#25292d
```
#25292d rgb(37,41,45)
```
#222a30
```
#222a30 rgb(34,42,48)
```
#1f2a33
```
#1f2a33 rgb(31,42,51)
```
#1c2a36
```
#1c2a36 rgb(28,42,54)
```
#192b39
```
#192b39 rgb(25,43,57)
```
#162b3c
```
#162b3c rgb(22,43,60)
```
#122b40
```
#122b40 rgb(18,43,64)
```
#0f2c43
```
#0f2c43 rgb(15,44,67)
```
#0c2c46
```
#0c2c46 rgb(12,44,70)
```
#092c49
```
#092c49 rgb(9,44,73)
```
#062d4c
```
#062d4c rgb(6,45,76)
```
#032d4f
```
#032d4f rgb(3,45,79)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#26282a Atypical Achromatopsia 0.001% of the population

Dichromacy

#31333c Protanopia 1% of men
#33323e Deuteranopia 1% of men
#293539 Tritanopia 0.001% of the population

Trichromacy

#2b3039 Protanomaly 1% of men, 0.01% of women
#2b2f3a Deuteranomaly 6% of men, 0.4% of women
#253137 Tritanomaly 0.01% of the population

#1f2a33 hex color

#1f2a33 Color Information

#1f2a33 Color Conversion

Color Schemes with #1f2a33

Alternatives to #1f2a33

#1f2a33 Preview

Shades and Tints of #1f2a33

Tones of #1f2a33

Color Blindness Simulator