#1f6695 hex color

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

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

● #1f6695 color description : Dark blue.

The hexadecimal color #1f6695 has RGB values of R:31, G:102, B:149 and CMYK values of C:0.79, M:0.32, Y:0, K:0.42. Its decimal value is 2057877.

Hex triplet	1f6695	`#1f6695`
RGB Decimal	31, 102, 149	`rgb(31,102,149)`
RGB Percent	12.2, 40, 58.4	`rgb(12.2%,40%,58.4%)`
CMYK	79, 32, 0, 42
HSL	203.9°, 65.6, 35.3	`hsl(203.9,65.6%,35.3%)`
HSV (or HSB)	203.9°, 79.2, 58.4
Web Safe	336699	`#336699`

CIE-LAB	41.157, -4.641, -31.848
XYZ	10.74, 11.963, 30.175
xyY	0.203, 0.226, 11.963
CIE-LCH	41.157, 32.184, 261.708
CIE-LUV	41.157, -23.971, -45.363
Hunter-Lab	34.588, -5.102, -27.515
Binary	00011111, 01100110, 10010101

#1f6695
```
#1f6695 rgb(31,102,149)
```
#954e1f
```
#954e1f rgb(149,78,31)
```

Complementary Color

#1f9589
```
#1f9589 rgb(31,149,137)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#1f2b95
```
#1f2b95 rgb(31,43,149)
```

Analogous Color

#95891f
```
#95891f rgb(149,137,31)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#951f2b
```
#951f2b rgb(149,31,43)
```

Split Complementary Color

#66951f
```
#66951f rgb(102,149,31)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#951f66
```
#951f66 rgb(149,31,102)
```

Triadic Color

#1f954e
```
#1f954e rgb(31,149,78)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#951f66
```
#951f66 rgb(149,31,102)
```
#954e1f
```
#954e1f rgb(149,78,31)
```

Tetradic Color

#123b56
```
#123b56 rgb(18,59,86)
```
#16496b
```
#16496b rgb(22,73,107)
```
#1b5880
```
#1b5880 rgb(27,88,128)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#2374aa
```
#2374aa rgb(35,116,170)
```
#2883bf
```
#2883bf rgb(40,131,191)
```
#2d91d3
```
#2d91d3 rgb(45,145,211)
```

Monochromatic Color

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

#1f8495
```
#1f8495 rgb(31,132,149)
```
#1f7a95
```
#1f7a95 rgb(31,122,149)
```
#1f7095
```
#1f7095 rgb(31,112,149)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#1f5c95
```
#1f5c95 rgb(31,92,149)
```
#1f5295
```
#1f5295 rgb(31,82,149)
```
#1f4995
```
#1f4995 rgb(31,73,149)
```

Similar Colors

Text with hexadecimal color #1f6695

This text has a font color of #1f6695.

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

#1f6695 background color

This paragraph has a background color of #1f6695.

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

#1f6695 border color

This element has a border color of #1f6695.

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

CSS codes

.text {color:#1f6695;}

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

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

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)
```
#071823
```
#071823 rgb(7,24,35)
```
#0b2334
```
#0b2334 rgb(11,35,52)
```
#0e2e44
```
#0e2e44 rgb(14,46,68)
```
#113a54
```
#113a54 rgb(17,58,84)
```
#154564
```
#154564 rgb(21,69,100)
```
#185075
```
#185075 rgb(24,80,117)
```
#1c5b85
```
#1c5b85 rgb(28,91,133)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#2271a5
```
#2271a5 rgb(34,113,165)
```
#267cb5
```
#267cb5 rgb(38,124,181)
```
#2987c6
```
#2987c6 rgb(41,135,198)
```

Shade Color Variation

#2f92d4
```
#2f92d4 rgb(47,146,212)
```
#3f9bd7
```
#3f9bd7 rgb(63,155,215)
```
#4fa3da
```
#4fa3da rgb(79,163,218)
```
#5facde
```
#5facde rgb(95,172,222)
```
#70b4e1
```
#70b4e1 rgb(112,180,225)
```
#80bde5
```
#80bde5 rgb(128,189,229)
```
#90c5e8
```
#90c5e8 rgb(144,197,232)
```
#a0ceeb
```
#a0ceeb rgb(160,206,235)
```
#b1d6ef
```
#b1d6ef rgb(177,214,239)
```
#c1dff2
```
#c1dff2 rgb(193,223,242)
```
#d1e7f5
```
#d1e7f5 rgb(209,231,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 #036cb1 is the most saturated one.

#565b5e
```
#565b5e rgb(86,91,94)
```
#4f5c65
```
#4f5c65 rgb(79,92,101)
```
#495e6b
```
#495e6b rgb(73,94,107)
```
#425f72
```
#425f72 rgb(66,95,114)
```
#3b6079
```
#3b6079 rgb(59,96,121)
```
#346280
```
#346280 rgb(52,98,128)
```
#2d6387
```
#2d6387 rgb(45,99,135)
```
#26658e
```
#26658e rgb(38,101,142)
```
#1f6695
```
#1f6695 rgb(31,102,149)
```
#18679c
```
#18679c rgb(24,103,156)
```
#1169a3
```
#1169a3 rgb(17,105,163)
```
#0a6aaa
```
#0a6aaa rgb(10,106,170)
```
#036cb1
```
#036cb1 rgb(3,108,177)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4b5963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586795 Protanopia 1% of men
#4c699c Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#436795 Protanomaly 1% of men, 0.01% of women
#3c6899 Deuteranomaly 6% of men, 0.4% of women
#0b6e84 Tritanomaly 0.01% of the population

#1f6695 hex color

#1f6695 Color Information

#1f6695 Color Conversion

Color Schemes with #1f6695

Alternatives to #1f6695

#1f6695 Preview

Shades and Tints of #1f6695

Tones of #1f6695

Color Blindness Simulator