#1f73d8 hex color

In a RGB color space, hex #1f73d8 is composed of 12.2% red, 45.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 46.8% magenta, 0% yellow and 15.3% black. It has a hue angle of 212.8 degrees, a saturation of 74.9% and a lightness of 48.4%. #1f73d8 color hex could be obtained by blending #3ee6ff with #0000b1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 45
- B 85
RGB color chart
- C 86
- M 47
- Y 0
- K 15
CMYK color chart

● #1f73d8 color description : Strong blue.

The hexadecimal color #1f73d8 has RGB values of R:31, G:115, B:216 and CMYK values of C:0.86, M:0.47, Y:0, K:0.15. Its decimal value is 2061272.

Hex triplet	1f73d8	`#1f73d8`
RGB Decimal	31, 115, 216	`rgb(31,115,216)`
RGB Percent	12.2, 45.1, 84.7	`rgb(12.2%,45.1%,84.7%)`
CMYK	86, 47, 0, 15
HSL	212.8°, 74.9, 48.4	`hsl(212.8,74.9%,48.4%)`
HSV (or HSB)	212.8°, 85.6, 84.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	48.895, 13.082, -58.507
XYZ	19.088, 17.509, 67.336
xyY	0.184, 0.168, 17.509
CIE-LCH	48.895, 59.952, 282.604
CIE-LUV	48.895, -25.427, -90.625
Hunter-Lab	41.844, 8.199, -66.12
Binary	00011111, 01110011, 11011000

#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#d8841f
```
#d8841f rgb(216,132,31)
```

Complementary Color

#1fd0d8
```
#1fd0d8 rgb(31,208,216)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#271fd8
```
#271fd8 rgb(39,31,216)
```

Analogous Color

#d0d81f
```
#d0d81f rgb(208,216,31)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#d8271f
```
#d8271f rgb(216,39,31)
```

Split Complementary Color

#73d81f
```
#73d81f rgb(115,216,31)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#d81f73
```
#d81f73 rgb(216,31,115)
```

Triadic Color

#1fd884
```
#1fd884 rgb(31,216,132)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#d81f73
```
#d81f73 rgb(216,31,115)
```
#d8841f
```
#d8841f rgb(216,132,31)
```

Tetradic Color

#154f95
```
#154f95 rgb(21,79,149)
```
#195bab
```
#195bab rgb(25,91,171)
```
#1c67c2
```
#1c67c2 rgb(28,103,194)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#2f80e1
```
#2f80e1 rgb(47,128,225)
```
#468ee4
```
#468ee4 rgb(70,142,228)
```
#5c9be8
```
#5c9be8 rgb(92,155,232)
```

Monochromatic Color

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

#1fa1d8
```
#1fa1d8 rgb(31,161,216)
```
#1f92d8
```
#1f92d8 rgb(31,146,216)
```
#1f82d8
```
#1f82d8 rgb(31,130,216)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#1f64d8
```
#1f64d8 rgb(31,100,216)
```
#1f54d8
```
#1f54d8 rgb(31,84,216)
```
#1f45d8
```
#1f45d8 rgb(31,69,216)
```

Similar Colors

Text with hexadecimal color #1f73d8

This text has a font color of #1f73d8.

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

#1f73d8 background color

This paragraph has a background color of #1f73d8.

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

#1f73d8 border color

This element has a border color of #1f73d8.

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

CSS codes

.text {color:#1f73d8;}

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

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

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, #01050a is the darkest color, while #f8fbfe is the lightest one.

#01050a
```
#01050a rgb(1,5,10)
```
#040f1b
```
#040f1b rgb(4,15,27)
```
#06182c
```
#06182c rgb(6,24,44)
```
#09213e
```
#09213e rgb(9,33,62)
```
#0b2a4f
```
#0b2a4f rgb(11,42,79)
```
#0e3360
```
#0e3360 rgb(14,51,96)
```
#103c71
```
#103c71 rgb(16,60,113)
```
#134582
```
#134582 rgb(19,69,130)
```
#154e93
```
#154e93 rgb(21,78,147)
```
#1858a5
```
#1858a5 rgb(24,88,165)
```
#1a61b6
```
#1a61b6 rgb(26,97,182)
```
#1d6ac7
```
#1d6ac7 rgb(29,106,199)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```

Shade Color Variation

#2a7de0
```
#2a7de0 rgb(42,125,224)
```
#3b87e3
```
#3b87e3 rgb(59,135,227)
```
#4c92e5
```
#4c92e5 rgb(76,146,229)
```
#5e9ce8
```
#5e9ce8 rgb(94,156,232)
```
#6fa7ea
```
#6fa7ea rgb(111,167,234)
```
#80b1ed
```
#80b1ed rgb(128,177,237)
```
#91bcef
```
#91bcef rgb(145,188,239)
```
#a2c6f2
```
#a2c6f2 rgb(162,198,242)
```
#b3d1f4
```
#b3d1f4 rgb(179,209,244)
```
#c5dbf7
```
#c5dbf7 rgb(197,219,247)
```
#d6e6f9
```
#d6e6f9 rgb(214,230,249)
```
#e7f0fc
```
#e7f0fc rgb(231,240,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b83 is the less saturated color, while #0270f5 is the most saturated one.

#757b83
```
#757b83 rgb(117,123,131)
```
#6b7a8c
```
#6b7a8c rgb(107,122,140)
```
#627996
```
#627996 rgb(98,121,150)
```
#58789f
```
#58789f rgb(88,120,159)
```
#4f77a9
```
#4f77a9 rgb(79,119,169)
```
#4576b2
```
#4576b2 rgb(69,118,178)
```
#3c76bc
```
#3c76bc rgb(60,118,188)
```
#3275c5
```
#3275c5 rgb(50,117,197)
```
#2974cf
```
#2974cf rgb(41,116,207)
```
#1f73d8
```
#1f73d8 rgb(31,115,216)
```
#1672e2
```
#1672e2 rgb(22,114,226)
```
#0c71eb
```
#0c71eb rgb(12,113,235)
```
#0270f5
```
#0270f5 rgb(2,112,245)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#57687c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4378d8 Protanopia 1% of men
#007dcf Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#3676d8 Protanomaly 1% of men, 0.01% of women
#0b79d2 Deuteranomaly 6% of men, 0.4% of women
#0b80a9 Tritanomaly 0.01% of the population

#1f73d8 hex color

#1f73d8 Color Information

#1f73d8 Color Conversion

Color Schemes with #1f73d8

Alternatives to #1f73d8

#1f73d8 Preview

Shades and Tints of #1f73d8

Tones of #1f73d8

Color Blindness Simulator