#4063ff hex color

In a RGB color space, hex #4063ff is composed of 25.1% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 229 degrees, a saturation of 100% and a lightness of 62.5%. #4063ff color hex could be obtained by blending #80c6ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 39
- B 100
RGB color chart
- C 75
- M 61
- Y 0
- K 0
CMYK color chart

● #4063ff color description : Light blue.

The hexadecimal color #4063ff has RGB values of R:64, G:99, B:255 and CMYK values of C:0.75, M:0.61, Y:0, K:0. Its decimal value is 4219903.

Hex triplet	4063ff	`#4063ff`
RGB Decimal	64, 99, 255	`rgb(64,99,255)`
RGB Percent	25.1, 38.8, 100	`rgb(25.1%,38.8%,100%)`
CMYK	75, 61, 0, 0
HSL	229°, 100, 62.5	`hsl(229,100%,62.5%)`
HSV (or HSB)	229°, 74.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.551, 40.501, -80.903
XYZ	24.622, 17.232, 96.631
xyY	0.178, 0.124, 17.232
CIE-LCH	48.551, 90.474, 296.593
CIE-LUV	48.551, -16.381, -124.765
Hunter-Lab	41.511, 33.232, -108.958
Binary	01000000, 01100011, 11111111

#4063ff
```
#4063ff rgb(64,99,255)
```
#ffdc40
```
#ffdc40 rgb(255,220,64)
```

Complementary Color

#40c3ff
```
#40c3ff rgb(64,195,255)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#7d40ff
```
#7d40ff rgb(125,64,255)
```

Analogous Color

#c3ff40
```
#c3ff40 rgb(195,255,64)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#ff7d40
```
#ff7d40 rgb(255,125,64)
```

Split Complementary Color

#63ff40
```
#63ff40 rgb(99,255,64)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#ff4063
```
#ff4063 rgb(255,64,99)
```

Triadic Color

#40ffdc
```
#40ffdc rgb(64,255,220)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#ff4063
```
#ff4063 rgb(255,64,99)
```
#ffdc40
```
#ffdc40 rgb(255,220,64)
```

Tetradic Color

#002cf3
```
#002cf3 rgb(0,44,243)
```
#0d39ff
```
#0d39ff rgb(13,57,255)
```
#274eff
```
#274eff rgb(39,78,255)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#5a78ff
```
#5a78ff rgb(90,120,255)
```
#738dff
```
#738dff rgb(115,141,255)
```
#8da1ff
```
#8da1ff rgb(141,161,255)
```

Monochromatic Color

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

#4093ff
```
#4093ff rgb(64,147,255)
```
#4083ff
```
#4083ff rgb(64,131,255)
```
#4073ff
```
#4073ff rgb(64,115,255)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#4053ff
```
#4053ff rgb(64,83,255)
```
#4043ff
```
#4043ff rgb(64,67,255)
```
#4d40ff
```
#4d40ff rgb(77,64,255)
```

Similar Colors

Text with hexadecimal color #4063ff

This text has a font color of #4063ff.

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

#4063ff background color

This paragraph has a background color of #4063ff.

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

#4063ff border color

This element has a border color of #4063ff.

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

CSS codes

.text {color:#4063ff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000519
```
#000519 rgb(0,5,25)
```
#00082c
```
#00082c rgb(0,8,44)
```
#000c40
```
#000c40 rgb(0,12,64)
```
#000f54
```
#000f54 rgb(0,15,84)
```
#001367
```
#001367 rgb(0,19,103)
```
#00177b
```
#00177b rgb(0,23,123)
```
#001a8e
```
#001a8e rgb(0,26,142)
```
#001ea2
```
#001ea2 rgb(0,30,162)
```
#0021b6
```
#0021b6 rgb(0,33,182)
```
#0025c9
```
#0025c9 rgb(0,37,201)
```
#0028dd
```
#0028dd rgb(0,40,221)
```
#002cf1
```
#002cf1 rgb(0,44,241)
```

Shade Color Variation

#0533ff
```
#0533ff rgb(5,51,255)
```
#1943ff
```
#1943ff rgb(25,67,255)
```
#2c53ff
```
#2c53ff rgb(44,83,255)
```
#4063ff
```
#4063ff rgb(64,99,255)
```
#5473ff
```
#5473ff rgb(84,115,255)
```
#6783ff
```
#6783ff rgb(103,131,255)
```
#7b93ff
```
#7b93ff rgb(123,147,255)
```
#8ea3ff
```
#8ea3ff rgb(142,163,255)
```
#a2b3ff
```
#a2b3ff rgb(162,179,255)
```
#b6c3ff
```
#b6c3ff rgb(182,195,255)
```
#c9d3ff
```
#c9d3ff rgb(201,211,255)
```
#dde3ff
```
#dde3ff rgb(221,227,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ba7 is the less saturated color, while #4063ff is the most saturated one.

#989ba7
```
#989ba7 rgb(152,155,167)
```
#9196ae
```
#9196ae rgb(145,150,174)
```
#8992b6
```
#8992b6 rgb(137,146,182)
```
#828dbd
```
#828dbd rgb(130,141,189)
```
#7b88c4
```
#7b88c4 rgb(123,136,196)
```
#7384cc
```
#7384cc rgb(115,132,204)
```
#6c7fd3
```
#6c7fd3 rgb(108,127,211)
```
#657ada
```
#657ada rgb(101,122,218)
```
#5d76e2
```
#5d76e2 rgb(93,118,226)
```
#5671e9
```
#5671e9 rgb(86,113,233)
```
#4f6cf0
```
#4f6cf0 rgb(79,108,240)
```
#4768f8
```
#4768f8 rgb(71,104,248)
```
#4063ff
```
#4063ff rgb(64,99,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#626988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#176ff0 Protanomaly 1% of men, 0.01% of women
#1773dd Deuteranomaly 6% of men, 0.4% of women
#1779b7 Tritanomaly 0.01% of the population

#4063ff hex color

#4063ff Color Information

#4063ff Color Conversion

Color Schemes with #4063ff

Alternatives to #4063ff

#4063ff Preview

Shades and Tints of #4063ff

Tones of #4063ff

Color Blindness Simulator