#1f6195 hex color

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

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

● #1f6195 color description : Dark blue.

The hexadecimal color #1f6195 has RGB values of R:31, G:97, B:149 and CMYK values of C:0.79, M:0.35, Y:0, K:0.42. Its decimal value is 2056597.

Hex triplet	1f6195	`#1f6195`
RGB Decimal	31, 97, 149	`rgb(31,97,149)`
RGB Percent	12.2, 38, 58.4	`rgb(12.2%,38%,58.4%)`
CMYK	79, 35, 0, 42
HSL	206.4°, 65.6, 35.3	`hsl(206.4,65.6%,35.3%)`
HSV (or HSB)	206.4°, 79.2, 58.4
Web Safe	336699	`#336699`

CIE-LAB	39.597, -1.546, -34.309
XYZ	10.263, 11.01, 30.016
xyY	0.2, 0.215, 11.01
CIE-LCH	39.597, 34.344, 267.421
CIE-LUV	39.597, -22.232, -48.936
Hunter-Lab	33.181, -2.854, -30.409
Binary	00011111, 01100001, 10010101

#1f6195
```
#1f6195 rgb(31,97,149)
```
#95531f
```
#95531f rgb(149,83,31)
```

Complementary Color

#1f958e
```
#1f958e rgb(31,149,142)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#1f2695
```
#1f2695 rgb(31,38,149)
```

Analogous Color

#958e1f
```
#958e1f rgb(149,142,31)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#951f26
```
#951f26 rgb(149,31,38)
```

Split Complementary Color

#61951f
```
#61951f rgb(97,149,31)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#951f61
```
#951f61 rgb(149,31,97)
```

Triadic Color

#1f9553
```
#1f9553 rgb(31,149,83)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#951f61
```
#951f61 rgb(149,31,97)
```
#95531f
```
#95531f rgb(149,83,31)
```

Tetradic Color

#123856
```
#123856 rgb(18,56,86)
```
#16466b
```
#16466b rgb(22,70,107)
```
#1b5380
```
#1b5380 rgb(27,83,128)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#236faa
```
#236faa rgb(35,111,170)
```
#287cbf
```
#287cbf rgb(40,124,191)
```
#2d8ad3
```
#2d8ad3 rgb(45,138,211)
```

Monochromatic Color

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

#1f7f95
```
#1f7f95 rgb(31,127,149)
```
#1f7595
```
#1f7595 rgb(31,117,149)
```
#1f6b95
```
#1f6b95 rgb(31,107,149)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#1f5795
```
#1f5795 rgb(31,87,149)
```
#1f4d95
```
#1f4d95 rgb(31,77,149)
```
#1f4395
```
#1f4395 rgb(31,67,149)
```

Similar Colors

Text with hexadecimal color #1f6195

This text has a font color of #1f6195.

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

#1f6195 background color

This paragraph has a background color of #1f6195.

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

#1f6195 border color

This element has a border color of #1f6195.

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

CSS codes

.text {color:#1f6195;}

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

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

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)
```
#040c13
```
#040c13 rgb(4,12,19)
```
#071723
```
#071723 rgb(7,23,35)
```
#0b2234
```
#0b2234 rgb(11,34,52)
```
#0e2c44
```
#0e2c44 rgb(14,44,68)
```
#113754
```
#113754 rgb(17,55,84)
```
#154164
```
#154164 rgb(21,65,100)
```
#184c75
```
#184c75 rgb(24,76,117)
```
#1c5685
```
#1c5685 rgb(28,86,133)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#226ca5
```
#226ca5 rgb(34,108,165)
```
#2676b5
```
#2676b5 rgb(38,118,181)
```
#2981c6
```
#2981c6 rgb(41,129,198)
```

Shade Color Variation

#2f8bd4
```
#2f8bd4 rgb(47,139,212)
```
#3f94d7
```
#3f94d7 rgb(63,148,215)
```
#4f9dda
```
#4f9dda rgb(79,157,218)
```
#5fa6de
```
#5fa6de rgb(95,166,222)
```
#70afe1
```
#70afe1 rgb(112,175,225)
```
#80b8e5
```
#80b8e5 rgb(128,184,229)
```
#90c1e8
```
#90c1e8 rgb(144,193,232)
```
#a0caeb
```
#a0caeb rgb(160,202,235)
```
#b1d3ef
```
#b1d3ef rgb(177,211,239)
```
#c1dcf2
```
#c1dcf2 rgb(193,220,242)
```
#d1e5f5
```
#d1e5f5 rgb(209,229,245)
```
#e1eff9
```
#e1eff9 rgb(225,239,249)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

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

#565a5e
```
#565a5e rgb(86,90,94)
```
#4f5b65
```
#4f5b65 rgb(79,91,101)
```
#495c6b
```
#495c6b rgb(73,92,107)
```
#425d72
```
#425d72 rgb(66,93,114)
```
#3b5e79
```
#3b5e79 rgb(59,94,121)
```
#345f80
```
#345f80 rgb(52,95,128)
```
#2d5f87
```
#2d5f87 rgb(45,95,135)
```
#26608e
```
#26608e rgb(38,96,142)
```
#1f6195
```
#1f6195 rgb(31,97,149)
```
#18629c
```
#18629c rgb(24,98,156)
```
#1163a3
```
#1163a3 rgb(17,99,163)
```
#0a63aa
```
#0a63aa rgb(10,99,170)
```
#0364b1
```
#0364b1 rgb(3,100,177)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#495660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#526496 Protanopia 1% of men
#43659b Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3f6295 Protanomaly 1% of men, 0.01% of women
#366499 Deuteranomaly 6% of men, 0.4% of women
#0b6a82 Tritanomaly 0.01% of the population

#1f6195 hex color

#1f6195 Color Information

#1f6195 Color Conversion

Color Schemes with #1f6195

Alternatives to #1f6195

#1f6195 Preview

Shades and Tints of #1f6195

Tones of #1f6195

Color Blindness Simulator