#1f7493 hex color

In a RGB color space, hex #1f7493 is composed of 12.2% red, 45.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 21.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 196 degrees, a saturation of 65.2% and a lightness of 34.9%. #1f7493 color hex could be obtained by blending #3ee8ff with #000027. Closest websafe color is: #336699.

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

● #1f7493 color description : Dark blue.

The hexadecimal color #1f7493 has RGB values of R:31, G:116, B:147 and CMYK values of C:0.79, M:0.21, Y:0, K:0.42. Its decimal value is 2061459.

Hex triplet	1f7493	`#1f7493`
RGB Decimal	31, 116, 147	`rgb(31,116,147)`
RGB Percent	12.2, 45.5, 57.6	`rgb(12.2%,45.5%,57.6%)`
CMYK	79, 21, 0, 42
HSL	196°, 65.2, 34.9	`hsl(196,65.2%,34.9%)`
HSV (or HSB)	196°, 78.9, 57.6
Web Safe	336699	`#336699`

CIE-LAB	45.48, -13.641, -23.909
XYZ	12.076, 14.888, 29.839
xyY	0.213, 0.262, 14.888
CIE-LCH	45.48, 27.527, 240.293
CIE-LUV	45.48, -29.074, -33.078
Hunter-Lab	38.584, -11.659, -18.843
Binary	00011111, 01110100, 10010011

#1f7493
```
#1f7493 rgb(31,116,147)
```
#933e1f
```
#933e1f rgb(147,62,31)
```

Complementary Color

#1f9378
```
#1f9378 rgb(31,147,120)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#1f3a93
```
#1f3a93 rgb(31,58,147)
```

Analogous Color

#93781f
```
#93781f rgb(147,120,31)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#931f3a
```
#931f3a rgb(147,31,58)
```

Split Complementary Color

#74931f
```
#74931f rgb(116,147,31)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#931f74
```
#931f74 rgb(147,31,116)
```

Triadic Color

#1f933e
```
#1f933e rgb(31,147,62)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#931f74
```
#931f74 rgb(147,31,116)
```
#933e1f
```
#933e1f rgb(147,62,31)
```

Tetradic Color

#124254
```
#124254 rgb(18,66,84)
```
#165369
```
#165369 rgb(22,83,105)
```
#1b637e
```
#1b637e rgb(27,99,126)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#2385a8
```
#2385a8 rgb(35,133,168)
```
#2895bd
```
#2895bd rgb(40,149,189)
```
#2ca6d2
```
#2ca6d2 rgb(44,166,210)
```

Monochromatic Color

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

#1f9193
```
#1f9193 rgb(31,145,147)
```
#1f8793
```
#1f8793 rgb(31,135,147)
```
#1f7e93
```
#1f7e93 rgb(31,126,147)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#1f6a93
```
#1f6a93 rgb(31,106,147)
```
#1f6193
```
#1f6193 rgb(31,97,147)
```
#1f5793
```
#1f5793 rgb(31,87,147)
```

Similar Colors

Text with hexadecimal color #1f7493

This text has a font color of #1f7493.

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

#1f7493 background color

This paragraph has a background color of #1f7493.

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

#1f7493 border color

This element has a border color of #1f7493.

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

CSS codes

.text {color:#1f7493;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#071b22
```
#071b22 rgb(7,27,34)
```
#0b2732
```
#0b2732 rgb(11,39,50)
```
#0e3442
```
#0e3442 rgb(14,52,66)
```
#114152
```
#114152 rgb(17,65,82)
```
#154e62
```
#154e62 rgb(21,78,98)
```
#185a73
```
#185a73 rgb(24,90,115)
```
#1c6783
```
#1c6783 rgb(28,103,131)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#2281a3
```
#2281a3 rgb(34,129,163)
```
#268eb3
```
#268eb3 rgb(38,142,179)
```
#299ac4
```
#299ac4 rgb(41,154,196)
```

Shade Color Variation

#2ea7d3
```
#2ea7d3 rgb(46,167,211)
```
#3eaed6
```
#3eaed6 rgb(62,174,214)
```
#4eb4da
```
#4eb4da rgb(78,180,218)
```
#5ebbdd
```
#5ebbdd rgb(94,187,221)
```
#6ec2e1
```
#6ec2e1 rgb(110,194,225)
```
#7fc9e4
```
#7fc9e4 rgb(127,201,228)
```
#8fd0e7
```
#8fd0e7 rgb(143,208,231)
```
#9fd7eb
```
#9fd7eb rgb(159,215,235)
```
#afddee
```
#afddee rgb(175,221,238)
```
#bfe4f2
```
#bfe4f2 rgb(191,228,242)
```
#d0ebf5
```
#d0ebf5 rgb(208,235,245)
```
#e0f2f8
```
#e0f2f8 rgb(224,242,248)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

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

#565b5c
```
#565b5c rgb(86,91,92)
```
#4f5e63
```
#4f5e63 rgb(79,94,99)
```
#48616a
```
#48616a rgb(72,97,106)
```
#416471
```
#416471 rgb(65,100,113)
```
#3a6778
```
#3a6778 rgb(58,103,120)
```
#346a7e
```
#346a7e rgb(52,106,126)
```
#2d6e85
```
#2d6e85 rgb(45,110,133)
```
#26718c
```
#26718c rgb(38,113,140)
```
#1f7493
```
#1f7493 rgb(31,116,147)
```
#18779a
```
#18779a rgb(24,119,154)
```
#117aa1
```
#117aa1 rgb(17,122,161)
```
#0a7ea8
```
#0a7ea8 rgb(10,126,168)
```
#0481ae
```
#0481ae rgb(4,129,174)
```

Tone Color Variation

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

#6a7292 Protanopia 1% of men
#64729c Deuteranopia 1% of men
#0e7e87 Tritanopia 0.001% of the population

Trichromacy

#4e7292 Protanomaly 1% of men, 0.01% of women
#4b7298 Deuteranomaly 6% of men, 0.4% of women
#147a8b Tritanomaly 0.01% of the population

#1f7493 hex color

#1f7493 Color Information

#1f7493 Color Conversion

Color Schemes with #1f7493

Alternatives to #1f7493

#1f7493 Preview

Shades and Tints of #1f7493

Tones of #1f7493

Color Blindness Simulator