#1f7495 hex color

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

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

● #1f7495 color description : Dark blue.

The hexadecimal color #1f7495 has RGB values of R:31, G:116, B:149 and CMYK values of C:0.79, M:0.22, Y:0, K:0.42. Its decimal value is 2061461.

Hex triplet	1f7495	`#1f7495`
RGB Decimal	31, 116, 149	`rgb(31,116,149)`
RGB Percent	12.2, 45.5, 58.4	`rgb(12.2%,45.5%,58.4%)`
CMYK	79, 22, 0, 42
HSL	196.8°, 65.6, 35.3	`hsl(196.8,65.6%,35.3%)`
HSV (or HSB)	196.8°, 79.2, 58.4
Web Safe	336699	`#336699`

CIE-LAB	45.567, -12.923, -24.958
XYZ	12.234, 14.951, 30.673
xyY	0.211, 0.258, 14.951
CIE-LCH	45.567, 28.105, 242.626
CIE-LUV	45.567, -28.956, -34.798
Hunter-Lab	38.666, -11.19, -19.967
Binary	00011111, 01110100, 10010101

#1f7495
```
#1f7495 rgb(31,116,149)
```
#95401f
```
#95401f rgb(149,64,31)
```

Complementary Color

#1f957b
```
#1f957b rgb(31,149,123)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#1f3995
```
#1f3995 rgb(31,57,149)
```

Analogous Color

#957b1f
```
#957b1f rgb(149,123,31)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#951f39
```
#951f39 rgb(149,31,57)
```

Split Complementary Color

#74951f
```
#74951f rgb(116,149,31)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#951f74
```
#951f74 rgb(149,31,116)
```

Triadic Color

#1f9540
```
#1f9540 rgb(31,149,64)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#951f74
```
#951f74 rgb(149,31,116)
```
#95401f
```
#95401f rgb(149,64,31)
```

Tetradic Color

#124356
```
#124356 rgb(18,67,86)
```
#16536b
```
#16536b rgb(22,83,107)
```
#1b6480
```
#1b6480 rgb(27,100,128)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#2384aa
```
#2384aa rgb(35,132,170)
```
#2895bf
```
#2895bf rgb(40,149,191)
```
#2da5d3
```
#2da5d3 rgb(45,165,211)
```

Monochromatic Color

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

#1f9295
```
#1f9295 rgb(31,146,149)
```
#1f8895
```
#1f8895 rgb(31,136,149)
```
#1f7e95
```
#1f7e95 rgb(31,126,149)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#1f6a95
```
#1f6a95 rgb(31,106,149)
```
#1f6095
```
#1f6095 rgb(31,96,149)
```
#1f5795
```
#1f5795 rgb(31,87,149)
```

Similar Colors

Text with hexadecimal color #1f7495

This text has a font color of #1f7495.

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

#1f7495 background color

This paragraph has a background color of #1f7495.

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

#1f7495 border color

This element has a border color of #1f7495.

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

CSS codes

.text {color:#1f7495;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#040f13
```
#040f13 rgb(4,15,19)
```
#071c23
```
#071c23 rgb(7,28,35)
```
#0b2834
```
#0b2834 rgb(11,40,52)
```
#0e3544
```
#0e3544 rgb(14,53,68)
```
#114154
```
#114154 rgb(17,65,84)
```
#154e64
```
#154e64 rgb(21,78,100)
```
#185b75
```
#185b75 rgb(24,91,117)
```
#1c6785
```
#1c6785 rgb(28,103,133)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#2281a5
```
#2281a5 rgb(34,129,165)
```
#268db5
```
#268db5 rgb(38,141,181)
```
#299ac6
```
#299ac6 rgb(41,154,198)
```

Shade Color Variation

#2fa6d4
```
#2fa6d4 rgb(47,166,212)
```
#3fadd7
```
#3fadd7 rgb(63,173,215)
```
#4fb4da
```
#4fb4da rgb(79,180,218)
```
#5fbade
```
#5fbade rgb(95,186,222)
```
#70c1e1
```
#70c1e1 rgb(112,193,225)
```
#80c8e5
```
#80c8e5 rgb(128,200,229)
```
#90cfe8
```
#90cfe8 rgb(144,207,232)
```
#a0d6eb
```
#a0d6eb rgb(160,214,235)
```
#b1ddef
```
#b1ddef rgb(177,221,239)
```
#c1e4f2
```
#c1e4f2 rgb(193,228,242)
```
#d1ebf5
```
#d1ebf5 rgb(209,235,245)
```
#e1f2f9
```
#e1f2f9 rgb(225,242,249)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

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

#565c5e
```
#565c5e rgb(86,92,94)
```
#4f5f65
```
#4f5f65 rgb(79,95,101)
```
#49626b
```
#49626b rgb(73,98,107)
```
#426572
```
#426572 rgb(66,101,114)
```
#3b6879
```
#3b6879 rgb(59,104,121)
```
#346b80
```
#346b80 rgb(52,107,128)
```
#2d6e87
```
#2d6e87 rgb(45,110,135)
```
#26718e
```
#26718e rgb(38,113,142)
```
#1f7495
```
#1f7495 rgb(31,116,149)
```
#18779c
```
#18779c rgb(24,119,156)
```
#117aa3
```
#117aa3 rgb(17,122,163)
```
#0a7daa
```
#0a7daa rgb(10,125,170)
```
#0380b1
```
#0380b1 rgb(3,128,177)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#516269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697294 Protanopia 1% of men
#63729e Deuteranopia 1% of men
#007e88 Tritanopia 0.001% of the population

Trichromacy

#4e7294 Protanomaly 1% of men, 0.01% of women
#4a739a Deuteranomaly 6% of men, 0.4% of women
#0b7a8c Tritanomaly 0.01% of the population

#1f7495 hex color

#1f7495 Color Information

#1f7495 Color Conversion

Color Schemes with #1f7495

Alternatives to #1f7495

#1f7495 Preview

Shades and Tints of #1f7495

Tones of #1f7495

Color Blindness Simulator