#1f63d0 hex color

In a RGB color space, hex #1f63d0 is composed of 12.2% red, 38.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 52.4% magenta, 0% yellow and 18.4% black. It has a hue angle of 216.9 degrees, a saturation of 74.1% and a lightness of 46.9%. #1f63d0 color hex could be obtained by blending #3ec6ff with #0000a1. Closest websafe color is: #3366cc.

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

● #1f63d0 color description : Strong blue.

The hexadecimal color #1f63d0 has RGB values of R:31, G:99, B:208 and CMYK values of C:0.85, M:0.52, Y:0, K:0.18. Its decimal value is 2057168.

Hex triplet	1f63d0	`#1f63d0`
RGB Decimal	31, 99, 208	`rgb(31,99,208)`
RGB Percent	12.2, 38.8, 81.6	`rgb(12.2%,38.8%,81.6%)`
CMYK	85, 52, 0, 18
HSL	216.9°, 74.1, 46.9	`hsl(216.9,74.1%,46.9%)`
HSV (or HSB)	216.9°, 85.1, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.898, 20.232, -62.019
XYZ	16.41, 13.768, 61.464
xyY	0.179, 0.15, 13.768
CIE-LCH	43.898, 65.236, 288.068
CIE-LUV	43.898, -20.939, -93.663
Hunter-Lab	37.105, 14.008, -72.24
Binary	00011111, 01100011, 11010000

#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#d08c1f
```
#d08c1f rgb(208,140,31)
```

Complementary Color

#1fbcd0
```
#1fbcd0 rgb(31,188,208)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#341fd0
```
#341fd0 rgb(52,31,208)
```

Analogous Color

#bcd01f
```
#bcd01f rgb(188,208,31)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#d0341f
```
#d0341f rgb(208,52,31)
```

Split Complementary Color

#63d01f
```
#63d01f rgb(99,208,31)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#d01f63
```
#d01f63 rgb(208,31,99)
```

Triadic Color

#1fd08c
```
#1fd08c rgb(31,208,140)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#d01f63
```
#d01f63 rgb(208,31,99)
```
#d08c1f
```
#d08c1f rgb(208,140,31)
```

Tetradic Color

#15438d
```
#15438d rgb(21,67,141)
```
#184ea4
```
#184ea4 rgb(24,78,164)
```
#1c58ba
```
#1c58ba rgb(28,88,186)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#296fdf
```
#296fdf rgb(41,111,223)
```
#407ee2
```
#407ee2 rgb(64,126,226)
```
#568de6
```
#568de6 rgb(86,141,230)
```

Monochromatic Color

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

#1f8fd0
```
#1f8fd0 rgb(31,143,208)
```
#1f81d0
```
#1f81d0 rgb(31,129,208)
```
#1f72d0
```
#1f72d0 rgb(31,114,208)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#1f54d0
```
#1f54d0 rgb(31,84,208)
```
#1f46d0
```
#1f46d0 rgb(31,70,208)
```
#1f37d0
```
#1f37d0 rgb(31,55,208)
```

Similar Colors

Text with hexadecimal color #1f63d0

This text has a font color of #1f63d0.

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

#1f63d0 background color

This paragraph has a background color of #1f63d0.

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

#1f63d0 border color

This element has a border color of #1f63d0.

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

CSS codes

.text {color:#1f63d0;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030a14
```
#030a14 rgb(3,10,20)
```
#061225
```
#061225 rgb(6,18,37)
```
#081a36
```
#081a36 rgb(8,26,54)
```
#0b2247
```
#0b2247 rgb(11,34,71)
```
#0d2a59
```
#0d2a59 rgb(13,42,89)
```
#10326a
```
#10326a rgb(16,50,106)
```
#123a7b
```
#123a7b rgb(18,58,123)
```
#15428c
```
#15428c rgb(21,66,140)
```
#174b9d
```
#174b9d rgb(23,75,157)
```
#1a53ae
```
#1a53ae rgb(26,83,174)
```
#1c5bbf
```
#1c5bbf rgb(28,91,191)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```

Shade Color Variation

#246cde
```
#246cde rgb(36,108,222)
```
#3577e1
```
#3577e1 rgb(53,119,225)
```
#4683e3
```
#4683e3 rgb(70,131,227)
```
#578ee6
```
#578ee6 rgb(87,142,230)
```
#699ae9
```
#699ae9 rgb(105,154,233)
```
#7aa5eb
```
#7aa5eb rgb(122,165,235)
```
#8bb1ee
```
#8bb1ee rgb(139,177,238)
```
#9cbcf0
```
#9cbcf0 rgb(156,188,240)
```
#adc8f3
```
#adc8f3 rgb(173,200,243)
```
#bed3f5
```
#bed3f5 rgb(190,211,245)
```
#cfdff8
```
#cfdff8 rgb(207,223,248)
```
#e0eafa
```
#e0eafa rgb(224,234,250)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

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

#72767d
```
#72767d rgb(114,118,125)
```
#697486
```
#697486 rgb(105,116,134)
```
#5f7290
```
#5f7290 rgb(95,114,144)
```
#567099
```
#567099 rgb(86,112,153)
```
#4d6ea2
```
#4d6ea2 rgb(77,110,162)
```
#446cab
```
#446cab rgb(68,108,171)
```
#3b69b4
```
#3b69b4 rgb(59,105,180)
```
#3167be
```
#3167be rgb(49,103,190)
```
#2865c7
```
#2865c7 rgb(40,101,199)
```
#1f63d0
```
#1f63d0 rgb(31,99,208)
```
#1661d9
```
#1661d9 rgb(22,97,217)
```
#0d5fe2
```
#0d5fe2 rgb(13,95,226)
```
#035dec
```
#035dec rgb(3,93,236)
```

Tone Color Variation

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

#136cd3 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1768d2 Protanomaly 1% of men, 0.01% of women
#0b6cc2 Deuteranomaly 6% of men, 0.4% of women
#0b729e Tritanomaly 0.01% of the population

#1f63d0 hex color

#1f63d0 Color Information

#1f63d0 Color Conversion

Color Schemes with #1f63d0

Alternatives to #1f63d0

#1f63d0 Preview

Shades and Tints of #1f63d0

Tones of #1f63d0

Color Blindness Simulator