#5463ff hex color

In a RGB color space, hex #5463ff is composed of 32.9% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 234.7 degrees, a saturation of 100% and a lightness of 66.5%. #5463ff color hex could be obtained by blending #a8c6ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5463ff color description : Light blue.

The hexadecimal color #5463ff has RGB values of R:84, G:99, B:255 and CMYK values of C:0.67, M:0.61, Y:0, K:0. Its decimal value is 5530623.

Hex triplet	5463ff	`#5463ff`
RGB Decimal	84, 99, 255	`rgb(84,99,255)`
RGB Percent	32.9, 38.8, 100	`rgb(32.9%,38.8%,100%)`
CMYK	67, 61, 0, 0
HSL	234.7°, 100, 66.5	`hsl(234.7,100%,66.5%)`
HSV (or HSB)	234.7°, 67.1, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.529, 42.805, -79.265
XYZ	26.164, 18.027, 96.703
xyY	0.186, 0.128, 18.027
CIE-LCH	49.529, 90.084, 298.37
CIE-LUV	49.529, -12.524, -123.489
Hunter-Lab	42.458, 35.696, -105.318
Binary	01010100, 01100011, 11111111

#5463ff
```
#5463ff rgb(84,99,255)
```
#fff054
```
#fff054 rgb(255,240,84)
```

Complementary Color

#54b9ff
```
#54b9ff rgb(84,185,255)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#9b54ff
```
#9b54ff rgb(155,84,255)
```

Analogous Color

#b9ff54
```
#b9ff54 rgb(185,255,84)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#ff9b54
```
#ff9b54 rgb(255,155,84)
```

Split Complementary Color

#63ff54
```
#63ff54 rgb(99,255,84)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#ff5463
```
#ff5463 rgb(255,84,99)
```

Triadic Color

#54fff0
```
#54fff0 rgb(84,255,240)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#ff5463
```
#ff5463 rgb(255,84,99)
```
#fff054
```
#fff054 rgb(255,240,84)
```

Tetradic Color

#071dff
```
#071dff rgb(7,29,255)
```
#2134ff
```
#2134ff rgb(33,52,255)
```
#3b4cff
```
#3b4cff rgb(59,76,255)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#6e7aff
```
#6e7aff rgb(110,122,255)
```
#8792ff
```
#8792ff rgb(135,146,255)
```
#a1a9ff
```
#a1a9ff rgb(161,169,255)
```

Monochromatic Color

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

#548eff
```
#548eff rgb(84,142,255)
```
#5480ff
```
#5480ff rgb(84,128,255)
```
#5471ff
```
#5471ff rgb(84,113,255)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#5455ff
```
#5455ff rgb(84,85,255)
```
#6254ff
```
#6254ff rgb(98,84,255)
```
#7054ff
```
#7054ff rgb(112,84,255)
```

Similar Colors

Text with hexadecimal color #5463ff

This text has a font color of #5463ff.

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

#5463ff background color

This paragraph has a background color of #5463ff.

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

#5463ff border color

This element has a border color of #5463ff.

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

CSS codes

.text {color:#5463ff;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#000219
```
#000219 rgb(0,2,25)
```
#00042d
```
#00042d rgb(0,4,45)
```
#000640
```
#000640 rgb(0,6,64)
```
#000754
```
#000754 rgb(0,7,84)
```
#000968
```
#000968 rgb(0,9,104)
```
#000b7b
```
#000b7b rgb(0,11,123)
```
#000d8f
```
#000d8f rgb(0,13,143)
```
#000ea2
```
#000ea2 rgb(0,14,162)
```
#0010b6
```
#0010b6 rgb(0,16,182)
```
#0012ca
```
#0012ca rgb(0,18,202)
```
#0013dd
```
#0013dd rgb(0,19,221)
```
#0015f1
```
#0015f1 rgb(0,21,241)
```

Shade Color Variation

#061bff
```
#061bff rgb(6,27,255)
```
#192dff
```
#192dff rgb(25,45,255)
```
#2d3fff
```
#2d3fff rgb(45,63,255)
```
#4051ff
```
#4051ff rgb(64,81,255)
```
#5463ff
```
#5463ff rgb(84,99,255)
```
#6875ff
```
#6875ff rgb(104,117,255)
```
#7b87ff
```
#7b87ff rgb(123,135,255)
```
#8f99ff
```
#8f99ff rgb(143,153,255)
```
#a2abff
```
#a2abff rgb(162,171,255)
```
#b6bcff
```
#b6bcff rgb(182,188,255)
```
#caceff
```
#caceff rgb(202,206,255)
```
#dde0ff
```
#dde0ff rgb(221,224,255)
```
#f1f2ff
```
#f1f2ff rgb(241,242,255)
```

Tint Color Variation

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

#a3a4b0
```
#a3a4b0 rgb(163,164,176)
```
#9c9fb7
```
#9c9fb7 rgb(156,159,183)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#8f94c4
```
#8f94c4 rgb(143,148,196)
```
#898eca
```
#898eca rgb(137,142,202)
```
#8289d1
```
#8289d1 rgb(130,137,209)
```
#7b84d8
```
#7b84d8 rgb(123,132,216)
```
#757ede
```
#757ede rgb(117,126,222)
```
#6e79e5
```
#6e79e5 rgb(110,121,229)
```
#6873eb
```
#6873eb rgb(104,115,235)
```
#616ef2
```
#616ef2 rgb(97,110,242)
```
#5b68f8
```
#5b68f8 rgb(91,104,248)
```
#5463ff
```
#5463ff rgb(84,99,255)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a6d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#1e71f3 Protanomaly 1% of men, 0.01% of women
#1e75e0 Deuteranomaly 6% of men, 0.4% of women
#1e7bb9 Tritanomaly 0.01% of the population

#5463ff hex color

#5463ff Color Information

#5463ff Color Conversion

Color Schemes with #5463ff

Alternatives to #5463ff

#5463ff Preview

Shades and Tints of #5463ff

Tones of #5463ff

Color Blindness Simulator