#1f7596 hex color

In a RGB color space, hex #1f7596 is composed of 12.2% red, 45.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 22% magenta, 0% yellow and 41.2% black. It has a hue angle of 196.6 degrees, a saturation of 65.7% and a lightness of 35.5%. #1f7596 color hex could be obtained by blending #3eeaff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 46
- B 59
RGB color chart
- C 79
- M 22
- Y 0
- K 41
CMYK color chart

● #1f7596 color description : Dark blue.

The hexadecimal color #1f7596 has RGB values of R:31, G:117, B:150 and CMYK values of C:0.79, M:0.22, Y:0, K:0.41. Its decimal value is 2061718.

Hex triplet	1f7596	`#1f7596`
RGB Decimal	31, 117, 150	`rgb(31,117,150)`
RGB Percent	12.2, 45.9, 58.8	`rgb(12.2%,45.9%,58.8%)`
CMYK	79, 22, 0, 41
HSL	196.6°, 65.7, 35.5	`hsl(196.6,65.7%,35.5%)`
HSV (or HSB)	196.6°, 79.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	45.927, -13.133, -24.991
XYZ	12.43, 15.215, 31.134
xyY	0.211, 0.259, 15.215
CIE-LCH	45.927, 28.232, 242.277
CIE-LUV	45.927, -29.257, -34.882
Hunter-Lab	39.006, -11.379, -20.02
Binary	00011111, 01110101, 10010110

#1f7596
```
#1f7596 rgb(31,117,150)
```
#96401f
```
#96401f rgb(150,64,31)
```

Complementary Color

#1f967c
```
#1f967c rgb(31,150,124)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#1f3a96
```
#1f3a96 rgb(31,58,150)
```

Analogous Color

#967c1f
```
#967c1f rgb(150,124,31)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#961f3a
```
#961f3a rgb(150,31,58)
```

Split Complementary Color

#75961f
```
#75961f rgb(117,150,31)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#961f75
```
#961f75 rgb(150,31,117)
```

Triadic Color

#1f9640
```
#1f9640 rgb(31,150,64)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#961f75
```
#961f75 rgb(150,31,117)
```
#96401f
```
#96401f rgb(150,64,31)
```

Tetradic Color

#124457
```
#124457 rgb(18,68,87)
```
#16546c
```
#16546c rgb(22,84,108)
```
#1b6581
```
#1b6581 rgb(27,101,129)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#2385ab
```
#2385ab rgb(35,133,171)
```
#2896c0
```
#2896c0 rgb(40,150,192)
```
#2ea6d4
```
#2ea6d4 rgb(46,166,212)
```

Monochromatic Color

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

#1f9396
```
#1f9396 rgb(31,147,150)
```
#1f8996
```
#1f8996 rgb(31,137,150)
```
#1f7f96
```
#1f7f96 rgb(31,127,150)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#1f6b96
```
#1f6b96 rgb(31,107,150)
```
#1f6196
```
#1f6196 rgb(31,97,150)
```
#1f5796
```
#1f5796 rgb(31,87,150)
```

Similar Colors

Text with hexadecimal color #1f7596

This text has a font color of #1f7596.

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

#1f7596 background color

This paragraph has a background color of #1f7596.

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

#1f7596 border color

This element has a border color of #1f7596.

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

CSS codes

.text {color:#1f7596;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041014
```
#041014 rgb(4,16,20)
```
#071c24
```
#071c24 rgb(7,28,36)
```
#0b2934
```
#0b2934 rgb(11,41,52)
```
#0e3645
```
#0e3645 rgb(14,54,69)
```
#124255
```
#124255 rgb(18,66,85)
```
#154f65
```
#154f65 rgb(21,79,101)
```
#185c75
```
#185c75 rgb(24,92,117)
```
#1c6886
```
#1c6886 rgb(28,104,134)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#2282a6
```
#2282a6 rgb(34,130,166)
```
#268eb7
```
#268eb7 rgb(38,142,183)
```
#299bc7
```
#299bc7 rgb(41,155,199)
```

Shade Color Variation

#2fa6d4
```
#2fa6d4 rgb(47,166,212)
```
#40add7
```
#40add7 rgb(64,173,215)
```
#50b4db
```
#50b4db rgb(80,180,219)
```
#60bbde
```
#60bbde rgb(96,187,222)
```
#70c2e2
```
#70c2e2 rgb(112,194,226)
```
#81c9e5
```
#81c9e5 rgb(129,201,229)
```
#91d0e8
```
#91d0e8 rgb(145,208,232)
```
#a1d7ec
```
#a1d7ec rgb(161,215,236)
```
#b1deef
```
#b1deef rgb(177,222,239)
```
#c2e5f2
```
#c2e5f2 rgb(194,229,242)
```
#d2ecf6
```
#d2ecf6 rgb(210,236,246)
```
#e2f3f9
```
#e2f3f9 rgb(226,243,249)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#575c5e
```
#575c5e rgb(87,92,94)
```
#505f65
```
#505f65 rgb(80,95,101)
```
#49626c
```
#49626c rgb(73,98,108)
```
#426573
```
#426573 rgb(66,101,115)
```
#3b697a
```
#3b697a rgb(59,105,122)
```
#346c81
```
#346c81 rgb(52,108,129)
```
#2d6f88
```
#2d6f88 rgb(45,111,136)
```
#26728f
```
#26728f rgb(38,114,143)
```
#1f7596
```
#1f7596 rgb(31,117,150)
```
#18789d
```
#18789d rgb(24,120,157)
```
#117ba4
```
#117ba4 rgb(17,123,164)
```
#0a7eab
```
#0a7eab rgb(10,126,171)
```
#0381b2
```
#0381b2 rgb(3,129,178)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#52636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7395 Protanopia 1% of men
#63739f Deuteranopia 1% of men
#007f89 Tritanopia 0.001% of the population

Trichromacy

#4f7395 Protanomaly 1% of men, 0.01% of women
#4a739b Deuteranomaly 6% of men, 0.4% of women
#0b7b8d Tritanomaly 0.01% of the population

#1f7596 hex color

#1f7596 Color Information

#1f7596 Color Conversion

Color Schemes with #1f7596

Alternatives to #1f7596

#1f7596 Preview

Shades and Tints of #1f7596

Tones of #1f7596

Color Blindness Simulator