#1f74a3 hex color

In a RGB color space, hex #1f74a3 is composed of 12.2% red, 45.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 28.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 201.4 degrees, a saturation of 68% and a lightness of 38%. #1f74a3 color hex could be obtained by blending #3ee8ff with #000047. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 45
- B 64
RGB color chart
- C 81
- M 29
- Y 0
- K 36
CMYK color chart

● #1f74a3 color description : Dark blue.

The hexadecimal color #1f74a3 has RGB values of R:31, G:116, B:163 and CMYK values of C:0.81, M:0.29, Y:0, K:0.36. Its decimal value is 2061475.

Hex triplet	1f74a3	`#1f74a3`
RGB Decimal	31, 116, 163	`rgb(31,116,163)`
RGB Percent	12.2, 45.5, 63.9	`rgb(12.2%,45.5%,63.9%)`
CMYK	81, 29, 0, 36
HSL	201.4°, 68, 38	`hsl(201.4,68%,38%)`
HSV (or HSB)	201.4°, 81, 63.9
Web Safe	336699	`#336699`

CIE-LAB	46.211, -7.794, -32.202
XYZ	13.42, 15.425, 36.918
xyY	0.204, 0.235, 15.425
CIE-LCH	46.211, 33.132, 256.395
CIE-LUV	46.211, -28.156, -46.788
Hunter-Lab	39.275, -7.74, -28.24
Binary	00011111, 01110100, 10100011

#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#a34e1f
```
#a34e1f rgb(163,78,31)
```

Complementary Color

#1fa390
```
#1fa390 rgb(31,163,144)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#1f32a3
```
#1f32a3 rgb(31,50,163)
```

Analogous Color

#a3901f
```
#a3901f rgb(163,144,31)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#a31f32
```
#a31f32 rgb(163,31,50)
```

Split Complementary Color

#74a31f
```
#74a31f rgb(116,163,31)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#a31f74
```
#a31f74 rgb(163,31,116)
```

Triadic Color

#1fa34e
```
#1fa34e rgb(31,163,78)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#a31f74
```
#a31f74 rgb(163,31,116)
```
#a34e1f
```
#a34e1f rgb(163,78,31)
```

Tetradic Color

#134663
```
#134663 rgb(19,70,99)
```
#175678
```
#175678 rgb(23,86,120)
```
#1b658e
```
#1b658e rgb(27,101,142)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#2383b8
```
#2383b8 rgb(35,131,184)
```
#2792ce
```
#2792ce rgb(39,146,206)
```
#369fd9
```
#369fd9 rgb(54,159,217)
```

Monochromatic Color

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

#1f95a3
```
#1f95a3 rgb(31,149,163)
```
#1f8aa3
```
#1f8aa3 rgb(31,138,163)
```
#1f7fa3
```
#1f7fa3 rgb(31,127,163)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#1f69a3
```
#1f69a3 rgb(31,105,163)
```
#1f5ea3
```
#1f5ea3 rgb(31,94,163)
```
#1f53a3
```
#1f53a3 rgb(31,83,163)
```

Similar Colors

Text with hexadecimal color #1f74a3

This text has a font color of #1f74a3.

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

#1f74a3 background color

This paragraph has a background color of #1f74a3.

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

#1f74a3 border color

This element has a border color of #1f74a3.

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

CSS codes

.text {color:#1f74a3;}

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

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

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, #030a0f is the darkest color, while #fdfeff is the lightest one.

#030a0f
```
#030a0f rgb(3,10,15)
```
#06161f
```
#06161f rgb(6,22,31)
```
#092230
```
#092230 rgb(9,34,48)
```
#0c2e40
```
#0c2e40 rgb(12,46,64)
```
#0f3951
```
#0f3951 rgb(15,57,81)
```
#124561
```
#124561 rgb(18,69,97)
```
#165172
```
#165172 rgb(22,81,114)
```
#195d82
```
#195d82 rgb(25,93,130)
```
#1c6893
```
#1c6893 rgb(28,104,147)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#2280b3
```
#2280b3 rgb(34,128,179)
```
#258bc4
```
#258bc4 rgb(37,139,196)
```
#2897d4
```
#2897d4 rgb(40,151,212)
```

Shade Color Variation

#379fd9
```
#379fd9 rgb(55,159,217)
```
#48a7dc
```
#48a7dc rgb(72,167,220)
```
#58afdf
```
#58afdf rgb(88,175,223)
```
#69b7e2
```
#69b7e2 rgb(105,183,226)
```
#79bfe6
```
#79bfe6 rgb(121,191,230)
```
#8ac7e9
```
#8ac7e9 rgb(138,199,233)
```
#9acfec
```
#9acfec rgb(154,207,236)
```
#abd7ef
```
#abd7ef rgb(171,215,239)
```
#bbdff2
```
#bbdff2 rgb(187,223,242)
```
#cce6f5
```
#cce6f5 rgb(204,230,245)
```
#dceef8
```
#dceef8 rgb(220,238,248)
```
#edf6fc
```
#edf6fc rgb(237,246,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6367 is the less saturated color, while #017dc1 is the most saturated one.

#5b6367
```
#5b6367 rgb(91,99,103)
```
#53656f
```
#53656f rgb(83,101,111)
```
#4c6776
```
#4c6776 rgb(76,103,118)
```
#44697e
```
#44697e rgb(68,105,126)
```
#3d6b85
```
#3d6b85 rgb(61,107,133)
```
#356e8d
```
#356e8d rgb(53,110,141)
```
#2e7094
```
#2e7094 rgb(46,112,148)
```
#26729c
```
#26729c rgb(38,114,156)
```
#1f74a3
```
#1f74a3 rgb(31,116,163)
```
#1876aa
```
#1876aa rgb(24,118,170)
```
#1078b2
```
#1078b2 rgb(16,120,178)
```
#097ab9
```
#097ab9 rgb(9,122,185)
```
#017dc1
```
#017dc1 rgb(1,125,193)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#53646d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6573a2 Protanopia 1% of men
#5974aa Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#4b73a2 Protanomaly 1% of men, 0.01% of women
#4474a7 Deuteranomaly 6% of men, 0.4% of women
#0b7b92 Tritanomaly 0.01% of the population

#1f74a3 hex color

#1f74a3 Color Information

#1f74a3 Color Conversion

Color Schemes with #1f74a3

Alternatives to #1f74a3

#1f74a3 Preview

Shades and Tints of #1f74a3

Tones of #1f74a3

Color Blindness Simulator