#1f63ab hex color

In a RGB color space, hex #1f63ab is composed of 12.2% red, 38.8% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 42.1% magenta, 0% yellow and 32.9% black. It has a hue angle of 210.9 degrees, a saturation of 69.3% and a lightness of 39.6%. #1f63ab color hex could be obtained by blending #3ec6ff with #000057. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 39
- B 67
RGB color chart
- C 82
- M 42
- Y 0
- K 33
CMYK color chart

● #1f63ab color description : Dark blue.

The hexadecimal color #1f63ab has RGB values of R:31, G:99, B:171 and CMYK values of C:0.82, M:0.42, Y:0, K:0.33. Its decimal value is 2057131.

Hex triplet	1f63ab	`#1f63ab`
RGB Decimal	31, 99, 171	`rgb(31,99,171)`
RGB Percent	12.2, 38.8, 67.1	`rgb(12.2%,38.8%,67.1%)`
CMYK	82, 42, 0, 33
HSL	210.9°, 69.3, 39.6	`hsl(210.9,69.3%,39.6%)`
HSV (or HSB)	210.9°, 81.9, 67.1
Web Safe	336699	`#336699`

CIE-LAB	41.46, 5.752, -44.432
XYZ	12.376, 12.154, 40.22
xyY	0.191, 0.188, 12.154
CIE-LCH	41.46, 44.803, 277.376
CIE-LUV	41.46, -22.022, -65.463
Hunter-Lab	34.863, 2.355, -43.996
Binary	00011111, 01100011, 10101011

#1f63ab
```
#1f63ab rgb(31,99,171)
```
#ab671f
```
#ab671f rgb(171,103,31)
```

Complementary Color

#1fa9ab
```
#1fa9ab rgb(31,169,171)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#211fab
```
#211fab rgb(33,31,171)
```

Analogous Color

#a9ab1f
```
#a9ab1f rgb(169,171,31)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#ab211f
```
#ab211f rgb(171,33,31)
```

Split Complementary Color

#63ab1f
```
#63ab1f rgb(99,171,31)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#ab1f63
```
#ab1f63 rgb(171,31,99)
```

Triadic Color

#1fab67
```
#1fab67 rgb(31,171,103)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#ab1f63
```
#ab1f63 rgb(171,31,99)
```
#ab671f
```
#ab671f rgb(171,103,31)
```

Tetradic Color

#133e6a
```
#133e6a rgb(19,62,106)
```
#174a80
```
#174a80 rgb(23,74,128)
```
#1b5795
```
#1b5795 rgb(27,87,149)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#236fc1
```
#236fc1 rgb(35,111,193)
```
#277cd6
```
#277cd6 rgb(39,124,214)
```
#3b89db
```
#3b89db rgb(59,137,219)
```

Monochromatic Color

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

#1f86ab
```
#1f86ab rgb(31,134,171)
```
#1f7aab
```
#1f7aab rgb(31,122,171)
```
#1f6fab
```
#1f6fab rgb(31,111,171)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#1f57ab
```
#1f57ab rgb(31,87,171)
```
#1f4cab
```
#1f4cab rgb(31,76,171)
```
#1f40ab
```
#1f40ab rgb(31,64,171)
```

Similar Colors

Text with hexadecimal color #1f63ab

This text has a font color of #1f63ab.

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

#1f63ab background color

This paragraph has a background color of #1f63ab.

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

#1f63ab border color

This element has a border color of #1f63ab.

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

CSS codes

.text {color:#1f63ab;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040c16
```
#040c16 rgb(4,12,22)
```
#071626
```
#071626 rgb(7,22,38)
```
#0a2037
```
#0a2037 rgb(10,32,55)
```
#0d2947
```
#0d2947 rgb(13,41,71)
```
#103358
```
#103358 rgb(16,51,88)
```
#133d69
```
#133d69 rgb(19,61,105)
```
#164679
```
#164679 rgb(22,70,121)
```
#19508a
```
#19508a rgb(25,80,138)
```
#1c599a
```
#1c599a rgb(28,89,154)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#226dbc
```
#226dbc rgb(34,109,188)
```
#2576cc
```
#2576cc rgb(37,118,204)
```

Shade Color Variation

#2c80d9
```
#2c80d9 rgb(44,128,217)
```
#3d8adc
```
#3d8adc rgb(61,138,220)
```
#4d94df
```
#4d94df rgb(77,148,223)
```
#5e9ee2
```
#5e9ee2 rgb(94,158,226)
```
#6fa8e5
```
#6fa8e5 rgb(111,168,229)
```
#7fb2e8
```
#7fb2e8 rgb(127,178,232)
```
#90bceb
```
#90bceb rgb(144,188,235)
```
#a0c6ee
```
#a0c6ee rgb(160,198,238)
```
#b1d0f1
```
#b1d0f1 rgb(177,208,241)
```
#c2daf4
```
#c2daf4 rgb(194,218,244)
```
#d2e4f7
```
#d2e4f7 rgb(210,228,247)
```
#e3eefa
```
#e3eefa rgb(227,238,250)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656565 is the less saturated color, while #0862c2 is the most saturated one.

#656565
```
#656565 rgb(101,101,101)
```
#5d656d
```
#5d656d rgb(93,101,109)
```
#556575
```
#556575 rgb(85,101,117)
```
#4e647c
```
#4e647c rgb(78,100,124)
```
#466484
```
#466484 rgb(70,100,132)
```
#3e648c
```
#3e648c rgb(62,100,140)
```
#366494
```
#366494 rgb(54,100,148)
```
#2f639b
```
#2f639b rgb(47,99,155)
```
#2763a3
```
#2763a3 rgb(39,99,163)
```
#1f63ab
```
#1f63ab rgb(31,99,171)
```
#1763b3
```
#1763b3 rgb(23,99,179)
```
#0f63bb
```
#0f63bb rgb(15,99,187)
```
#0862c2
```
#0862c2 rgb(8,98,194)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4c5968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4967ac Protanopia 1% of men
#286baf Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#3966ab Protanomaly 1% of men, 0.01% of women
#2568ad Deuteranomaly 6% of men, 0.4% of women
#0b6e8c Tritanomaly 0.01% of the population

#1f63ab hex color

#1f63ab Color Information

#1f63ab Color Conversion

Color Schemes with #1f63ab

Alternatives to #1f63ab

#1f63ab Preview

Shades and Tints of #1f63ab

Tones of #1f63ab

Color Blindness Simulator