#1f7294 hex color

In a RGB color space, hex #1f7294 is composed of 12.2% red, 44.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 23% magenta, 0% yellow and 42% black. It has a hue angle of 197.4 degrees, a saturation of 65.4% and a lightness of 35.1%. #1f7294 color hex could be obtained by blending #3ee4ff with #000029. Closest websafe color is: #336699.

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

● #1f7294 color description : Dark blue.

The hexadecimal color #1f7294 has RGB values of R:31, G:114, B:148 and CMYK values of C:0.79, M:0.23, Y:0, K:0.42. Its decimal value is 2060948.

Hex triplet	1f7294	`#1f7294`
RGB Decimal	31, 114, 148	`rgb(31,114,148)`
RGB Percent	12.2, 44.7, 58	`rgb(12.2%,44.7%,58%)`
CMYK	79, 23, 0, 42
HSL	197.4°, 65.4, 35.1	`hsl(197.4,65.4%,35.1%)`
HSV (or HSB)	197.4°, 79.1, 58
Web Safe	336699	`#336699`

CIE-LAB	44.89, -12.138, -25.417
XYZ	11.926, 14.463, 30.178
xyY	0.211, 0.256, 14.463
CIE-LCH	44.89, 28.166, 244.474
CIE-LUV	44.89, -28.294, -35.486
Hunter-Lab	38.03, -10.575, -20.428
Binary	00011111, 01110010, 10010100

#1f7294
```
#1f7294 rgb(31,114,148)
```
#94411f
```
#94411f rgb(148,65,31)
```

Complementary Color

#1f947c
```
#1f947c rgb(31,148,124)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#1f3894
```
#1f3894 rgb(31,56,148)
```

Analogous Color

#947c1f
```
#947c1f rgb(148,124,31)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#941f37
```
#941f37 rgb(148,31,55)
```

Split Complementary Color

#72941f
```
#72941f rgb(114,148,31)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#941f72
```
#941f72 rgb(148,31,114)
```

Triadic Color

#1f9441
```
#1f9441 rgb(31,148,65)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#941f72
```
#941f72 rgb(148,31,114)
```
#94411f
```
#94411f rgb(148,65,31)
```

Tetradic Color

#124155
```
#124155 rgb(18,65,85)
```
#16526a
```
#16526a rgb(22,82,106)
```
#1b627f
```
#1b627f rgb(27,98,127)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#2382a9
```
#2382a9 rgb(35,130,169)
```
#2892be
```
#2892be rgb(40,146,190)
```
#2da3d3
```
#2da3d3 rgb(45,163,211)
```

Monochromatic Color

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

#1f8f94
```
#1f8f94 rgb(31,143,148)
```
#1f8694
```
#1f8694 rgb(31,134,148)
```
#1f7c94
```
#1f7c94 rgb(31,124,148)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#1f6894
```
#1f6894 rgb(31,104,148)
```
#1f5f94
```
#1f5f94 rgb(31,95,148)
```
#1f5594
```
#1f5594 rgb(31,85,148)
```

Similar Colors

Text with hexadecimal color #1f7294

This text has a font color of #1f7294.

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

#1f7294 background color

This paragraph has a background color of #1f7294.

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

#1f7294 border color

This element has a border color of #1f7294.

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

CSS codes

.text {color:#1f7294;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#040e12
```
#040e12 rgb(4,14,18)
```
#071b22
```
#071b22 rgb(7,27,34)
```
#0b2733
```
#0b2733 rgb(11,39,51)
```
#0e3443
```
#0e3443 rgb(14,52,67)
```
#114053
```
#114053 rgb(17,64,83)
```
#154d63
```
#154d63 rgb(21,77,99)
```
#185974
```
#185974 rgb(24,89,116)
```
#1c6684
```
#1c6684 rgb(28,102,132)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#227ea4
```
#227ea4 rgb(34,126,164)
```
#268bb4
```
#268bb4 rgb(38,139,180)
```
#2997c5
```
#2997c5 rgb(41,151,197)
```

Shade Color Variation

#2ea3d3
```
#2ea3d3 rgb(46,163,211)
```
#3eaad7
```
#3eaad7 rgb(62,170,215)
```
#4fb2da
```
#4fb2da rgb(79,178,218)
```
#5fb9dd
```
#5fb9dd rgb(95,185,221)
```
#6fc0e1
```
#6fc0e1 rgb(111,192,225)
```
#7fc7e4
```
#7fc7e4 rgb(127,199,228)
```
#90cee8
```
#90cee8 rgb(144,206,232)
```
#a0d5eb
```
#a0d5eb rgb(160,213,235)
```
#b0dcee
```
#b0dcee rgb(176,220,238)
```
#c0e3f2
```
#c0e3f2 rgb(192,227,242)
```
#d0ebf5
```
#d0ebf5 rgb(208,235,245)
```
#e1f2f9
```
#e1f2f9 rgb(225,242,249)
```
#f1f9fc
```
#f1f9fc rgb(241,249,252)
```

Tint Color Variation

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

#565b5d
```
#565b5d rgb(86,91,93)
```
#4f5e64
```
#4f5e64 rgb(79,94,100)
```
#48616b
```
#48616b rgb(72,97,107)
```
#416472
```
#416472 rgb(65,100,114)
```
#3b6678
```
#3b6678 rgb(59,102,120)
```
#34697f
```
#34697f rgb(52,105,127)
```
#2d6c86
```
#2d6c86 rgb(45,108,134)
```
#266f8d
```
#266f8d rgb(38,111,141)
```
#1f7294
```
#1f7294 rgb(31,114,148)
```
#18759b
```
#18759b rgb(24,117,155)
```
#1178a2
```
#1178a2 rgb(17,120,162)
```
#0a7ba9
```
#0a7ba9 rgb(10,123,169)
```
#037eb0
```
#037eb0 rgb(3,126,176)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#516168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#677093 Protanopia 1% of men
#60709c Deuteranopia 1% of men
#007c86 Tritanopia 0.001% of the population

Trichromacy

#4d7193 Protanomaly 1% of men, 0.01% of women
#487199 Deuteranomaly 6% of men, 0.4% of women
#0b788b Tritanomaly 0.01% of the population

#1f7294 hex color

#1f7294 Color Information

#1f7294 Color Conversion

Color Schemes with #1f7294

Alternatives to #1f7294

#1f7294 Preview

Shades and Tints of #1f7294

Tones of #1f7294

Color Blindness Simulator