#1f6993 hex color

In a RGB color space, hex #1f6993 is composed of 12.2% red, 41.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 28.6% magenta, 0% yellow and 42.4% black. It has a hue angle of 201.7 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f6993 color hex could be obtained by blending #3ed2ff with #000027. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 41
- B 58
RGB color chart
- C 79
- M 29
- Y 0
- K 42
CMYK color chart

● #1f6993 color description : Dark blue.

The hexadecimal color #1f6993 has RGB values of R:31, G:105, B:147 and CMYK values of C:0.79, M:0.29, Y:0, K:0.42. Its decimal value is 2058643.

Hex triplet	1f6993	`#1f6993`
RGB Decimal	31, 105, 147	`rgb(31,105,147)`
RGB Percent	12.2, 41.2, 57.6	`rgb(12.2%,41.2%,57.6%)`
CMYK	79, 29, 0, 42
HSL	201.7°, 65.2, 34.9	`hsl(201.7,65.2%,34.9%)`
HSV (or HSB)	201.7°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	42, -7.214, -29.329
XYZ	10.882, 12.5, 29.441
xyY	0.206, 0.237, 12.5
CIE-LCH	42, 30.203, 256.18
CIE-LUV	42, -25.128, -41.467
Hunter-Lab	35.355, -6.933, -24.623
Binary	00011111, 01101001, 10010011

#1f6993
```
#1f6993 rgb(31,105,147)
```
#93491f
```
#93491f rgb(147,73,31)
```

Complementary Color

#1f9383
```
#1f9383 rgb(31,147,131)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#1f2f93
```
#1f2f93 rgb(31,47,147)
```

Analogous Color

#93831f
```
#93831f rgb(147,131,31)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#931f2f
```
#931f2f rgb(147,31,47)
```

Split Complementary Color

#69931f
```
#69931f rgb(105,147,31)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#931f69
```
#931f69 rgb(147,31,105)
```

Triadic Color

#1f9349
```
#1f9349 rgb(31,147,73)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#931f69
```
#931f69 rgb(147,31,105)
```
#93491f
```
#93491f rgb(147,73,31)
```

Tetradic Color

#123c54
```
#123c54 rgb(18,60,84)
```
#164b69
```
#164b69 rgb(22,75,105)
```
#1b5a7e
```
#1b5a7e rgb(27,90,126)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#2378a8
```
#2378a8 rgb(35,120,168)
```
#2887bd
```
#2887bd rgb(40,135,189)
```
#2c96d2
```
#2c96d2 rgb(44,150,210)
```

Monochromatic Color

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

#1f8693
```
#1f8693 rgb(31,134,147)
```
#1f7c93
```
#1f7c93 rgb(31,124,147)
```
#1f7393
```
#1f7393 rgb(31,115,147)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#1f5f93
```
#1f5f93 rgb(31,95,147)
```
#1f5693
```
#1f5693 rgb(31,86,147)
```
#1f4c93
```
#1f4c93 rgb(31,76,147)
```

Similar Colors

Text with hexadecimal color #1f6993

This text has a font color of #1f6993.

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

#1f6993 background color

This paragraph has a background color of #1f6993.

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

#1f6993 border color

This element has a border color of #1f6993.

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

CSS codes

.text {color:#1f6993;}

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

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

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 #f0f8fc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#071822
```
#071822 rgb(7,24,34)
```
#0b2432
```
#0b2432 rgb(11,36,50)
```
#0e2f42
```
#0e2f42 rgb(14,47,66)
```
#113b52
```
#113b52 rgb(17,59,82)
```
#154662
```
#154662 rgb(21,70,98)
```
#185273
```
#185273 rgb(24,82,115)
```
#1c5d83
```
#1c5d83 rgb(28,93,131)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#2275a3
```
#2275a3 rgb(34,117,163)
```
#2680b3
```
#2680b3 rgb(38,128,179)
```
#298cc4
```
#298cc4 rgb(41,140,196)
```

Shade Color Variation

#2e97d3
```
#2e97d3 rgb(46,151,211)
```
#3e9fd6
```
#3e9fd6 rgb(62,159,214)
```
#4ea7da
```
#4ea7da rgb(78,167,218)
```
#5eafdd
```
#5eafdd rgb(94,175,221)
```
#6eb7e1
```
#6eb7e1 rgb(110,183,225)
```
#7fbfe4
```
#7fbfe4 rgb(127,191,228)
```
#8fc7e7
```
#8fc7e7 rgb(143,199,231)
```
#9fcfeb
```
#9fcfeb rgb(159,207,235)
```
#afd7ee
```
#afd7ee rgb(175,215,238)
```
#bfdff2
```
#bfdff2 rgb(191,223,242)
```
#d0e7f5
```
#d0e7f5 rgb(208,231,245)
```
#e0f0f8
```
#e0f0f8 rgb(224,240,248)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

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

#565a5c
```
#565a5c rgb(86,90,92)
```
#4f5c63
```
#4f5c63 rgb(79,92,99)
```
#485e6a
```
#485e6a rgb(72,94,106)
```
#416071
```
#416071 rgb(65,96,113)
```
#3a6178
```
#3a6178 rgb(58,97,120)
```
#34637e
```
#34637e rgb(52,99,126)
```
#2d6585
```
#2d6585 rgb(45,101,133)
```
#26678c
```
#26678c rgb(38,103,140)
```
#1f6993
```
#1f6993 rgb(31,105,147)
```
#186b9a
```
#186b9a rgb(24,107,154)
```
#116da1
```
#116da1 rgb(17,109,161)
```
#0a6fa8
```
#0a6fa8 rgb(10,111,168)
```
#0471ae
```
#0471ae rgb(4,113,174)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4d5b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6993 Protanopia 1% of men
#536a9b Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#466993 Protanomaly 1% of men, 0.01% of women
#406a98 Deuteranomaly 6% of men, 0.4% of women
#0b7185 Tritanomaly 0.01% of the population

#1f6993 hex color

#1f6993 Color Information

#1f6993 Color Conversion

Color Schemes with #1f6993

Alternatives to #1f6993

#1f6993 Preview

Shades and Tints of #1f6993

Tones of #1f6993

Color Blindness Simulator