#4063b1 hex color

In a RGB color space, hex #4063b1 is composed of 25.1% red, 38.8% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 44.1% magenta, 0% yellow and 30.6% black. It has a hue angle of 221.4 degrees, a saturation of 46.9% and a lightness of 47.3%. #4063b1 color hex could be obtained by blending #80c6ff with #000063. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 39
- B 69
RGB color chart
- C 64
- M 44
- Y 0
- K 31
CMYK color chart

● #4063b1 color description : Dark moderate blue.

The hexadecimal color #4063b1 has RGB values of R:64, G:99, B:177 and CMYK values of C:0.64, M:0.44, Y:0, K:0.31. Its decimal value is 4219825.

Hex triplet	4063b1	`#4063b1`
RGB Decimal	64, 99, 177	`rgb(64,99,177)`
RGB Percent	25.1, 38.8, 69.4	`rgb(25.1%,38.8%,69.4%)`
CMYK	64, 44, 0, 31
HSL	221.4°, 46.9, 47.3	`hsl(221.4,46.9%,47.3%)`
HSV (or HSB)	221.4°, 63.8, 69.4
Web Safe	336699	`#336699`

CIE-LAB	43.044, 12.729, -45.358
XYZ	14.51, 13.187, 43.373
xyY	0.204, 0.186, 13.187
CIE-LCH	43.044, 47.111, 285.676
CIE-LUV	43.044, -15.861, -68.127
Hunter-Lab	36.314, 7.775, -45.396
Binary	01000000, 01100011, 10110001

#4063b1
```
#4063b1 rgb(64,99,177)
```
#b18e40
```
#b18e40 rgb(177,142,64)
```

Complementary Color

#409cb1
```
#409cb1 rgb(64,156,177)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#5540b1
```
#5540b1 rgb(85,64,177)
```

Analogous Color

#9cb140
```
#9cb140 rgb(156,177,64)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#b15540
```
#b15540 rgb(177,85,64)
```

Split Complementary Color

#63b140
```
#63b140 rgb(99,177,64)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#b14063
```
#b14063 rgb(177,64,99)
```

Triadic Color

#40b18e
```
#40b18e rgb(64,177,142)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#b14063
```
#b14063 rgb(177,64,99)
```
#b18e40
```
#b18e40 rgb(177,142,64)
```

Tetradic Color

#2c4479
```
#2c4479 rgb(44,68,121)
```
#324e8c
```
#324e8c rgb(50,78,140)
```
#39599e
```
#39599e rgb(57,89,158)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#4c70be
```
#4c70be rgb(76,112,190)
```
#5f7fc5
```
#5f7fc5 rgb(95,127,197)
```
#728ecc
```
#728ecc rgb(114,142,204)
```

Monochromatic Color

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

#407fb1
```
#407fb1 rgb(64,127,177)
```
#4076b1
```
#4076b1 rgb(64,118,177)
```
#406cb1
```
#406cb1 rgb(64,108,177)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#405ab1
```
#405ab1 rgb(64,90,177)
```
#4050b1
```
#4050b1 rgb(64,80,177)
```
#4047b1
```
#4047b1 rgb(64,71,177)
```

Similar Colors

Text with hexadecimal color #4063b1

This text has a font color of #4063b1.

<span style="color:#4063b1;">Text here</span>

#4063b1 background color

This paragraph has a background color of #4063b1.

<p style="background-color:#4063b1;">Content here</p>

#4063b1 border color

This element has a border color of #4063b1.

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

CSS codes

.text {color:#4063b1;}

.background {background-color:#4063b1;}

.border {border:1px solid #4063b1;}

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

#010204
```
#010204 rgb(1,2,4)
```
#070a13
```
#070a13 rgb(7,10,19)
```
#0c1221
```
#0c1221 rgb(12,18,33)
```
#111a2f
```
#111a2f rgb(17,26,47)
```
#16233e
```
#16233e rgb(22,35,62)
```
#1c2b4c
```
#1c2b4c rgb(28,43,76)
```
#21335b
```
#21335b rgb(33,51,91)
```
#263b69
```
#263b69 rgb(38,59,105)
```
#2b4377
```
#2b4377 rgb(43,67,119)
```
#304b86
```
#304b86 rgb(48,75,134)
```
#365394
```
#365394 rgb(54,83,148)
```
#3b5ba3
```
#3b5ba3 rgb(59,91,163)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```

Shade Color Variation

#486cbd
```
#486cbd rgb(72,108,189)
```
#5678c2
```
#5678c2 rgb(86,120,194)
```
#6583c7
```
#6583c7 rgb(101,131,199)
```
#738fcc
```
#738fcc rgb(115,143,204)
```
#819ad2
```
#819ad2 rgb(129,154,210)
```
#90a6d7
```
#90a6d7 rgb(144,166,215)
```
#9eb1dc
```
#9eb1dc rgb(158,177,220)
```
#adbde1
```
#adbde1 rgb(173,189,225)
```
#bbc9e6
```
#bbc9e6 rgb(187,201,230)
```
#c9d4ec
```
#c9d4ec rgb(201,212,236)
```
#d8e0f1
```
#d8e0f1 rgb(216,224,241)
```
#e6ebf6
```
#e6ebf6 rgb(230,235,246)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#787879
```
#787879 rgb(120,120,121)
```
#6e7583
```
#6e7583 rgb(110,117,131)
```
#65718c
```
#65718c rgb(101,113,140)
```
#5c6e95
```
#5c6e95 rgb(92,110,149)
```
#536a9e
```
#536a9e rgb(83,106,158)
```
#4967a8
```
#4967a8 rgb(73,103,168)
```
#4063b1
```
#4063b1 rgb(64,99,177)
```
#375fba
```
#375fba rgb(55,95,186)
```
#2d5cc4
```
#2d5cc4 rgb(45,92,196)
```
#2458cd
```
#2458cd rgb(36,88,205)
```
#1b55d6
```
#1b55d6 rgb(27,85,214)
```
#1251df
```
#1251df rgb(18,81,223)
```
#084ee9
```
#084ee9 rgb(8,78,233)
```

Tone Color Variation

Below, you can see how #4063b1 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

#616161 Achromatopsia 0.005% of the population
#5a6171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#496bb5 Protanopia 1% of men
#306eb3 Deuteranopia 1% of men
#217780 Tritanopia 0.001% of the population

Trichromacy

#4568b3 Protanomaly 1% of men, 0.01% of women
#366ab2 Deuteranomaly 6% of men, 0.4% of women
#2c7092 Tritanomaly 0.01% of the population

#4063b1 hex color

#4063b1 Color Information

#4063b1 Color Conversion

Color Schemes with #4063b1

Alternatives to #4063b1

#4063b1 Preview

Shades and Tints of #4063b1

Tones of #4063b1

Color Blindness Simulator