#1f64cf hex color

In a RGB color space, hex #1f64cf is composed of 12.2% red, 39.2% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 51.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 216.5 degrees, a saturation of 73.9% and a lightness of 46.7%. #1f64cf color hex could be obtained by blending #3ec8ff with #00009f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 39
- B 81
RGB color chart
- C 85
- M 52
- Y 0
- K 19
CMYK color chart

● #1f64cf color description : Strong blue.

The hexadecimal color #1f64cf has RGB values of R:31, G:100, B:207 and CMYK values of C:0.85, M:0.52, Y:0, K:0.19. Its decimal value is 2057423.

Hex triplet	1f64cf	`#1f64cf`
RGB Decimal	31, 100, 207	`rgb(31,100,207)`
RGB Percent	12.2, 39.2, 81.2	`rgb(12.2%,39.2%,81.2%)`
CMYK	85, 52, 0, 19
HSL	216.5°, 73.9, 46.7	`hsl(216.5,73.9%,46.7%)`
HSV (or HSB)	216.5°, 85, 81.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.103, 19.196, -61.114
XYZ	16.382, 13.909, 60.849
xyY	0.18, 0.153, 13.909
CIE-LCH	44.103, 64.057, 287.437
CIE-LUV	44.103, -21.248, -92.416
Hunter-Lab	37.295, 13.141, -70.629
Binary	00011111, 01100100, 11001111

#1f64cf
```
#1f64cf rgb(31,100,207)
```
#cf8a1f
```
#cf8a1f rgb(207,138,31)
```

Complementary Color

#1fbccf
```
#1fbccf rgb(31,188,207)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#321fcf
```
#321fcf rgb(50,31,207)
```

Analogous Color

#bccf1f
```
#bccf1f rgb(188,207,31)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#cf321f
```
#cf321f rgb(207,50,31)
```

Split Complementary Color

#64cf1f
```
#64cf1f rgb(100,207,31)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#cf1f64
```
#cf1f64 rgb(207,31,100)
```

Triadic Color

#1fcf8a
```
#1fcf8a rgb(31,207,138)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#cf1f64
```
#cf1f64 rgb(207,31,100)
```
#cf8a1f
```
#cf8a1f rgb(207,138,31)
```

Tetradic Color

#15448c
```
#15448c rgb(21,68,140)
```
#184fa3
```
#184fa3 rgb(24,79,163)
```
#1c59b9
```
#1c59b9 rgb(28,89,185)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#2970df
```
#2970df rgb(41,112,223)
```
#3f7fe2
```
#3f7fe2 rgb(63,127,226)
```
#558ee6
```
#558ee6 rgb(85,142,230)
```

Monochromatic Color

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

#1f90cf
```
#1f90cf rgb(31,144,207)
```
#1f81cf
```
#1f81cf rgb(31,129,207)
```
#1f73cf
```
#1f73cf rgb(31,115,207)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#1f55cf
```
#1f55cf rgb(31,85,207)
```
#1f47cf
```
#1f47cf rgb(31,71,207)
```
#1f38cf
```
#1f38cf rgb(31,56,207)
```

Similar Colors

Text with hexadecimal color #1f64cf

This text has a font color of #1f64cf.

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

#1f64cf background color

This paragraph has a background color of #1f64cf.

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

#1f64cf border color

This element has a border color of #1f64cf.

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

CSS codes

.text {color:#1f64cf;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030913
```
#030913 rgb(3,9,19)
```
#051224
```
#051224 rgb(5,18,36)
```
#081a35
```
#081a35 rgb(8,26,53)
```
#0b2247
```
#0b2247 rgb(11,34,71)
```
#0d2a58
```
#0d2a58 rgb(13,42,88)
```
#103369
```
#103369 rgb(16,51,105)
```
#123b7a
```
#123b7a rgb(18,59,122)
```
#15438b
```
#15438b rgb(21,67,139)
```
#174b9c
```
#174b9c rgb(23,75,156)
```
#1a54ad
```
#1a54ad rgb(26,84,173)
```
#1c5cbe
```
#1c5cbe rgb(28,92,190)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```

Shade Color Variation

#236dde
```
#236dde rgb(35,109,222)
```
#3578e1
```
#3578e1 rgb(53,120,225)
```
#4683e3
```
#4683e3 rgb(70,131,227)
```
#578fe6
```
#578fe6 rgb(87,143,230)
```
#689ae8
```
#689ae8 rgb(104,154,232)
```
#79a6eb
```
#79a6eb rgb(121,166,235)
```
#8ab1ed
```
#8ab1ed rgb(138,177,237)
```
#9bbcf0
```
#9bbcf0 rgb(155,188,240)
```
#acc8f3
```
#acc8f3 rgb(172,200,243)
```
#bdd3f5
```
#bdd3f5 rgb(189,211,245)
```
#cedef8
```
#cedef8 rgb(206,222,248)
```
#dfeafa
```
#dfeafa rgb(223,234,250)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71767d is the less saturated color, while #045eea is the most saturated one.

#71767d
```
#71767d rgb(113,118,125)
```
#687486
```
#687486 rgb(104,116,134)
```
#5f728f
```
#5f728f rgb(95,114,143)
```
#567098
```
#567098 rgb(86,112,152)
```
#4d6ea1
```
#4d6ea1 rgb(77,110,161)
```
#446caa
```
#446caa rgb(68,108,170)
```
#3a6ab4
```
#3a6ab4 rgb(58,106,180)
```
#3168bd
```
#3168bd rgb(49,104,189)
```
#2866c6
```
#2866c6 rgb(40,102,198)
```
#1f64cf
```
#1f64cf rgb(31,100,207)
```
#1662d8
```
#1662d8 rgb(22,98,216)
```
#0d60e1
```
#0d60e1 rgb(13,96,225)
```
#045eea
```
#045eea rgb(4,94,234)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#505e73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f6cd2 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1f69d0 Protanomaly 1% of men, 0.01% of women
#0b6dc2 Deuteranomaly 6% of men, 0.4% of women
#0b729e Tritanomaly 0.01% of the population

#1f64cf hex color

#1f64cf Color Information

#1f64cf Color Conversion

Color Schemes with #1f64cf

Alternatives to #1f64cf

#1f64cf Preview

Shades and Tints of #1f64cf

Tones of #1f64cf

Color Blindness Simulator