#1f6895 hex color

In a RGB color space, hex #1f6895 is composed of 12.2% red, 40.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 30.2% magenta, 0% yellow and 41.6% black. It has a hue angle of 202.9 degrees, a saturation of 65.6% and a lightness of 35.3%. #1f6895 color hex could be obtained by blending #3ed0ff with #00002b. Closest websafe color is: #336699.

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

● #1f6895 color description : Dark blue.

The hexadecimal color #1f6895 has RGB values of R:31, G:104, B:149 and CMYK values of C:0.79, M:0.3, Y:0, K:0.42. Its decimal value is 2058389.

Hex triplet	1f6895	`#1f6895`
RGB Decimal	31, 104, 149	`rgb(31,104,149)`
RGB Percent	12.2, 40.8, 58.4	`rgb(12.2%,40.8%,58.4%)`
CMYK	79, 30, 0, 42
HSL	202.9°, 65.6, 35.3	`hsl(202.9,65.6%,35.3%)`
HSV (or HSB)	202.9°, 79.2, 58.4
Web Safe	336699	`#336699`

CIE-LAB	41.784, -5.859, -30.862
XYZ	10.939, 12.361, 30.242
xyY	0.204, 0.231, 12.361
CIE-LCH	41.784, 31.414, 259.25
CIE-LUV	41.784, -24.673, -43.899
Hunter-Lab	35.158, -5.989, -26.388
Binary	00011111, 01101000, 10010101

#1f6895
```
#1f6895 rgb(31,104,149)
```
#954c1f
```
#954c1f rgb(149,76,31)
```

Complementary Color

#1f9587
```
#1f9587 rgb(31,149,135)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#1f2d95
```
#1f2d95 rgb(31,45,149)
```

Analogous Color

#95871f
```
#95871f rgb(149,135,31)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#951f2d
```
#951f2d rgb(149,31,45)
```

Split Complementary Color

#68951f
```
#68951f rgb(104,149,31)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#951f68
```
#951f68 rgb(149,31,104)
```

Triadic Color

#1f954c
```
#1f954c rgb(31,149,76)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#951f68
```
#951f68 rgb(149,31,104)
```
#954c1f
```
#954c1f rgb(149,76,31)
```

Tetradic Color

#123c56
```
#123c56 rgb(18,60,86)
```
#164b6b
```
#164b6b rgb(22,75,107)
```
#1b5980
```
#1b5980 rgb(27,89,128)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#2377aa
```
#2377aa rgb(35,119,170)
```
#2885bf
```
#2885bf rgb(40,133,191)
```
#2d94d3
```
#2d94d3 rgb(45,148,211)
```

Monochromatic Color

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

#1f8695
```
#1f8695 rgb(31,134,149)
```
#1f7c95
```
#1f7c95 rgb(31,124,149)
```
#1f7295
```
#1f7295 rgb(31,114,149)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#1f5e95
```
#1f5e95 rgb(31,94,149)
```
#1f5495
```
#1f5495 rgb(31,84,149)
```
#1f4b95
```
#1f4b95 rgb(31,75,149)
```

Similar Colors

Text with hexadecimal color #1f6895

This text has a font color of #1f6895.

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

#1f6895 background color

This paragraph has a background color of #1f6895.

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

#1f6895 border color

This element has a border color of #1f6895.

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

CSS codes

.text {color:#1f6895;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040d13
```
#040d13 rgb(4,13,19)
```
#071923
```
#071923 rgb(7,25,35)
```
#0b2434
```
#0b2434 rgb(11,36,52)
```
#0e2f44
```
#0e2f44 rgb(14,47,68)
```
#113b54
```
#113b54 rgb(17,59,84)
```
#154664
```
#154664 rgb(21,70,100)
```
#185175
```
#185175 rgb(24,81,117)
```
#1c5d85
```
#1c5d85 rgb(28,93,133)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#2273a5
```
#2273a5 rgb(34,115,165)
```
#267fb5
```
#267fb5 rgb(38,127,181)
```
#298ac6
```
#298ac6 rgb(41,138,198)
```

Shade Color Variation

#2f95d4
```
#2f95d4 rgb(47,149,212)
```
#3f9dd7
```
#3f9dd7 rgb(63,157,215)
```
#4fa5da
```
#4fa5da rgb(79,165,218)
```
#5faede
```
#5faede rgb(95,174,222)
```
#70b6e1
```
#70b6e1 rgb(112,182,225)
```
#80bee5
```
#80bee5 rgb(128,190,229)
```
#90c6e8
```
#90c6e8 rgb(144,198,232)
```
#a0cfeb
```
#a0cfeb rgb(160,207,235)
```
#b1d7ef
```
#b1d7ef rgb(177,215,239)
```
#c1dff2
```
#c1dff2 rgb(193,223,242)
```
#d1e8f5
```
#d1e8f5 rgb(209,232,245)
```
#e1f0f9
```
#e1f0f9 rgb(225,240,249)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

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

#565b5e
```
#565b5e rgb(86,91,94)
```
#4f5d65
```
#4f5d65 rgb(79,93,101)
```
#495e6b
```
#495e6b rgb(73,94,107)
```
#426072
```
#426072 rgb(66,96,114)
```
#3b6179
```
#3b6179 rgb(59,97,121)
```
#346380
```
#346380 rgb(52,99,128)
```
#2d6587
```
#2d6587 rgb(45,101,135)
```
#26668e
```
#26668e rgb(38,102,142)
```
#1f6895
```
#1f6895 rgb(31,104,149)
```
#186a9c
```
#186a9c rgb(24,106,156)
```
#116ba3
```
#116ba3 rgb(17,107,163)
```
#0a6daa
```
#0a6daa rgb(10,109,170)
```
#036fb1
```
#036fb1 rgb(3,111,177)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6995 Protanopia 1% of men
#506a9c Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#456895 Protanomaly 1% of men, 0.01% of women
#3e6999 Deuteranomaly 6% of men, 0.4% of women
#0b7085 Tritanomaly 0.01% of the population

#1f6895 hex color

#1f6895 Color Information

#1f6895 Color Conversion

Color Schemes with #1f6895

Alternatives to #1f6895

#1f6895 Preview

Shades and Tints of #1f6895

Tones of #1f6895

Color Blindness Simulator