#1f63cf hex color

In a RGB color space, hex #1f63cf is composed of 12.2% red, 38.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 52.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 216.8 degrees, a saturation of 73.9% and a lightness of 46.7%. #1f63cf color hex could be obtained by blending #3ec6ff 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

● #1f63cf color description : Strong blue.

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

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

CIE-LAB	43.827, 19.844, -61.56
XYZ	16.287, 13.719, 60.818
xyY	0.179, 0.151, 13.719
CIE-LCH	43.827, 64.68, 287.867
CIE-LUV	43.827, -20.961, -92.935
Hunter-Lab	37.039, 13.674, -71.427
Binary	00011111, 01100011, 11001111

#1f63cf
```
#1f63cf rgb(31,99,207)
```
#cf8b1f
```
#cf8b1f rgb(207,139,31)
```

Complementary Color

#1fbbcf
```
#1fbbcf rgb(31,187,207)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#331fcf
```
#331fcf rgb(51,31,207)
```

Analogous Color

#bbcf1f
```
#bbcf1f rgb(187,207,31)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#cf331f
```
#cf331f rgb(207,51,31)
```

Split Complementary Color

#63cf1f
```
#63cf1f rgb(99,207,31)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#cf1f63
```
#cf1f63 rgb(207,31,99)
```

Triadic Color

#1fcf8b
```
#1fcf8b rgb(31,207,139)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#cf1f63
```
#cf1f63 rgb(207,31,99)
```
#cf8b1f
```
#cf8b1f rgb(207,139,31)
```

Tetradic Color

#15438c
```
#15438c rgb(21,67,140)
```
#184ea3
```
#184ea3 rgb(24,78,163)
```
#1c58b9
```
#1c58b9 rgb(28,88,185)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#296fdf
```
#296fdf rgb(41,111,223)
```
#3f7ee2
```
#3f7ee2 rgb(63,126,226)
```
#558de6
```
#558de6 rgb(85,141,230)
```

Monochromatic Color

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

#1f8fcf
```
#1f8fcf rgb(31,143,207)
```
#1f80cf
```
#1f80cf rgb(31,128,207)
```
#1f72cf
```
#1f72cf rgb(31,114,207)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#1f54cf
```
#1f54cf rgb(31,84,207)
```
#1f46cf
```
#1f46cf rgb(31,70,207)
```
#1f37cf
```
#1f37cf rgb(31,55,207)
```

Similar Colors

Text with hexadecimal color #1f63cf

This text has a font color of #1f63cf.

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

#1f63cf background color

This paragraph has a background color of #1f63cf.

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

#1f63cf border color

This element has a border color of #1f63cf.

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

CSS codes

.text {color:#1f63cf;}

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

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

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)
```
#051124
```
#051124 rgb(5,17,36)
```
#081a35
```
#081a35 rgb(8,26,53)
```
#0b2247
```
#0b2247 rgb(11,34,71)
```
#0d2a58
```
#0d2a58 rgb(13,42,88)
```
#103269
```
#103269 rgb(16,50,105)
```
#123a7a
```
#123a7a rgb(18,58,122)
```
#15428b
```
#15428b rgb(21,66,139)
```
#174b9c
```
#174b9c rgb(23,75,156)
```
#1a53ad
```
#1a53ad rgb(26,83,173)
```
#1c5bbe
```
#1c5bbe rgb(28,91,190)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```

Shade Color Variation

#236cde
```
#236cde rgb(35,108,222)
```
#3577e1
```
#3577e1 rgb(53,119,225)
```
#4683e3
```
#4683e3 rgb(70,131,227)
```
#578ee6
```
#578ee6 rgb(87,142,230)
```
#6899e8
```
#6899e8 rgb(104,153,232)
```
#79a5eb
```
#79a5eb rgb(121,165,235)
```
#8ab0ed
```
#8ab0ed rgb(138,176,237)
```
#9bbcf0
```
#9bbcf0 rgb(155,188,240)
```
#acc7f3
```
#acc7f3 rgb(172,199,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 #045dea is the most saturated one.

#71767d
```
#71767d rgb(113,118,125)
```
#687486
```
#687486 rgb(104,116,134)
```
#5f728f
```
#5f728f rgb(95,114,143)
```
#566f98
```
#566f98 rgb(86,111,152)
```
#4d6da1
```
#4d6da1 rgb(77,109,161)
```
#446baa
```
#446baa rgb(68,107,170)
```
#3a69b4
```
#3a69b4 rgb(58,105,180)
```
#3167bd
```
#3167bd rgb(49,103,189)
```
#2865c6
```
#2865c6 rgb(40,101,198)
```
#1f63cf
```
#1f63cf rgb(31,99,207)
```
#1661d8
```
#1661d8 rgb(22,97,216)
```
#0d5fe1
```
#0d5fe1 rgb(13,95,225)
```
#045dea
```
#045dea rgb(4,93,234)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#186bd2 Protanopia 1% of men
#0071ba Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1a68d1 Protanomaly 1% of men, 0.01% of women
#0b6cc1 Deuteranomaly 6% of men, 0.4% of women
#0b719d Tritanomaly 0.01% of the population

#1f63cf hex color

#1f63cf Color Information

#1f63cf Color Conversion

Color Schemes with #1f63cf

Alternatives to #1f63cf

#1f63cf Preview

Shades and Tints of #1f63cf

Tones of #1f63cf

Color Blindness Simulator