#1f5369 hex color

In a RGB color space, hex #1f5369 is composed of 12.2% red, 32.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 21% magenta, 0% yellow and 58.8% black. It has a hue angle of 197.8 degrees, a saturation of 54.4% and a lightness of 26.7%. #1f5369 color hex could be obtained by blending #3ea6d2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 12
- G 33
- B 41
RGB color chart
- C 70
- M 21
- Y 0
- K 59
CMYK color chart

● #1f5369 color description : Very dark blue.

The hexadecimal color #1f5369 has RGB values of R:31, G:83, B:105 and CMYK values of C:0.7, M:0.21, Y:0, K:0.59. Its decimal value is 2052969.

Hex triplet	1f5369	`#1f5369`
RGB Decimal	31, 83, 105	`rgb(31,83,105)`
RGB Percent	12.2, 32.5, 41.2	`rgb(12.2%,32.5%,41.2%)`
CMYK	70, 21, 0, 59
HSL	197.8°, 54.4, 26.7	`hsl(197.8,54.4%,26.7%)`
HSV (or HSB)	197.8°, 70.5, 41.2
Web Safe	336666	`#336666`

CIE-LAB	32.913, -9.477, -17.762
XYZ	6.207, 7.497, 14.484
xyY	0.22, 0.266, 7.497
CIE-LCH	32.913, 20.132, 241.916
CIE-LUV	32.913, -19.117, -22.303
Hunter-Lab	27.381, -7.45, -12.196
Binary	00011111, 01010011, 01101001

#1f5369
```
#1f5369 rgb(31,83,105)
```
#69351f
```
#69351f rgb(105,53,31)
```

Complementary Color

#1f695a
```
#1f695a rgb(31,105,90)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#1f2e69
```
#1f2e69 rgb(31,46,105)
```

Analogous Color

#695a1f
```
#695a1f rgb(105,90,31)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#691f2e
```
#691f2e rgb(105,31,46)
```

Split Complementary Color

#53691f
```
#53691f rgb(83,105,31)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#691f53
```
#691f53 rgb(105,31,83)
```

Triadic Color

#1f6935
```
#1f6935 rgb(31,105,53)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#691f53
```
#691f53 rgb(105,31,83)
```
#69351f
```
#69351f rgb(105,53,31)
```

Tetradic Color

#0e242e
```
#0e242e rgb(14,36,46)
```
#133442
```
#133442 rgb(19,52,66)
```
#194355
```
#194355 rgb(25,67,85)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#25637d
```
#25637d rgb(37,99,125)
```
#2b7290
```
#2b7290 rgb(43,114,144)
```
#3082a4
```
#3082a4 rgb(48,130,164)
```

Monochromatic Color

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

#1f6669
```
#1f6669 rgb(31,102,105)
```
#1f5f69
```
#1f5f69 rgb(31,95,105)
```
#1f5969
```
#1f5969 rgb(31,89,105)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#1f4d69
```
#1f4d69 rgb(31,77,105)
```
#1f4769
```
#1f4769 rgb(31,71,105)
```
#1f4069
```
#1f4069 rgb(31,64,105)
```

Similar Colors

Text with hexadecimal color #1f5369

This text has a font color of #1f5369.

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

#1f5369 background color

This paragraph has a background color of #1f5369.

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

#1f5369 border color

This element has a border color of #1f5369.

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

CSS codes

.text {color:#1f5369;}

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

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

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, #040b0e is the darkest color, while #fefeff is the lightest one.

#040b0e
```
#040b0e rgb(4,11,14)
```
#09171d
```
#09171d rgb(9,23,29)
```
#0d232c
```
#0d232c rgb(13,35,44)
```
#122f3c
```
#122f3c rgb(18,47,60)
```
#163b4b
```
#163b4b rgb(22,59,75)
```
#1b475a
```
#1b475a rgb(27,71,90)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#235f78
```
#235f78 rgb(35,95,120)
```
#286b87
```
#286b87 rgb(40,107,135)
```
#2c7796
```
#2c7796 rgb(44,119,150)
```
#3183a6
```
#3183a6 rgb(49,131,166)
```
#358fb5
```
#358fb5 rgb(53,143,181)
```
#3a9bc4
```
#3a9bc4 rgb(58,155,196)
```

Shade Color Variation

#48a3c9
```
#48a3c9 rgb(72,163,201)
```
#57aace
```
#57aace rgb(87,170,206)
```
#67b2d2
```
#67b2d2 rgb(103,178,210)
```
#76bad6
```
#76bad6 rgb(118,186,214)
```
#85c1db
```
#85c1db rgb(133,193,219)
```
#94c9df
```
#94c9df rgb(148,201,223)
```
#a3d1e4
```
#a3d1e4 rgb(163,209,228)
```
#b2d8e8
```
#b2d8e8 rgb(178,216,232)
```
#c1e0ed
```
#c1e0ed rgb(193,224,237)
```
#d1e8f1
```
#d1e8f1 rgb(209,232,241)
```
#e0eff6
```
#e0eff6 rgb(224,239,246)
```
#eff7fa
```
#eff7fa rgb(239,247,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#444444
```
#444444 rgb(68,68,68)
```
#3e464a
```
#3e464a rgb(62,70,74)
```
#39484f
```
#39484f rgb(57,72,79)
```
#344b54
```
#344b54 rgb(52,75,84)
```
#2f4d59
```
#2f4d59 rgb(47,77,89)
```
#294f5f
```
#294f5f rgb(41,79,95)
```
#245164
```
#245164 rgb(36,81,100)
```
#1f5369
```
#1f5369 rgb(31,83,105)
```
#1a556e
```
#1a556e rgb(26,85,110)
```
#155773
```
#155773 rgb(21,87,115)
```
#0f5979
```
#0f5979 rgb(15,89,121)
```
#0a5b7e
```
#0a5b7e rgb(10,91,126)
```
#055e83
```
#055e83 rgb(5,94,131)
```

Tone Color Variation

Below, you can see how #1f5369 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
#3e494d Atypical Achromatopsia 0.001% of the population

Dichromacy

#50556c Protanopia 1% of men
#4d5573 Deuteranopia 1% of men
#215e65 Tritanopia 0.001% of the population

Trichromacy

#3e546b Protanomaly 1% of men, 0.01% of women
#3c546f Deuteranomaly 6% of men, 0.4% of women
#205a66 Tritanomaly 0.01% of the population

#1f5369 hex color

#1f5369 Color Information

#1f5369 Color Conversion

Color Schemes with #1f5369

Alternatives to #1f5369

#1f5369 Preview

Shades and Tints of #1f5369

Tones of #1f5369

Color Blindness Simulator