#5a6dff hex color

In a RGB color space, hex #5a6dff is composed of 35.3% red, 42.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 57.3% magenta, 0% yellow and 0% black. It has a hue angle of 233.1 degrees, a saturation of 100% and a lightness of 67.6%. #5a6dff color hex could be obtained by blending #b4daff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 43
- B 100
RGB color chart
- C 65
- M 57
- Y 0
- K 0
CMYK color chart

● #5a6dff color description : Light blue.

The hexadecimal color #5a6dff has RGB values of R:90, G:109, B:255 and CMYK values of C:0.65, M:0.57, Y:0, K:0. Its decimal value is 5926399.

Hex triplet	5a6dff	`#5a6dff`
RGB Decimal	90, 109, 255	`rgb(90,109,255)`
RGB Percent	35.3, 42.7, 100	`rgb(35.3%,42.7%,100%)`
CMYK	65, 57, 0, 0
HSL	233.1°, 100, 67.6	`hsl(233.1,100%,67.6%)`
HSV (or HSB)	233.1°, 64.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.208, 37.627, -74.886
XYZ	27.731, 20.329, 97.065
xyY	0.191, 0.14, 20.329
CIE-LCH	52.208, 83.807, 296.678
CIE-LUV	52.208, -13.599, -118.814
Hunter-Lab	45.088, 30.882, -96.077
Binary	01011010, 01101101, 11111111

#5a6dff
```
#5a6dff rgb(90,109,255)
```
#ffec5a
```
#ffec5a rgb(255,236,90)
```

Complementary Color

#5ac0ff
```
#5ac0ff rgb(90,192,255)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#9a5aff
```
#9a5aff rgb(154,90,255)
```

Analogous Color

#c0ff5a
```
#c0ff5a rgb(192,255,90)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#ff9a5a
```
#ff9a5a rgb(255,154,90)
```

Split Complementary Color

#6dff5a
```
#6dff5a rgb(109,255,90)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#ff5a6d
```
#ff5a6d rgb(255,90,109)
```

Triadic Color

#5affec
```
#5affec rgb(90,255,236)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#ff5a6d
```
#ff5a6d rgb(255,90,109)
```
#ffec5a
```
#ffec5a rgb(255,236,90)
```

Tetradic Color

#0e29ff
```
#0e29ff rgb(14,41,255)
```
#2740ff
```
#2740ff rgb(39,64,255)
```
#4156ff
```
#4156ff rgb(65,86,255)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#7484ff
```
#7484ff rgb(116,132,255)
```
#8d9aff
```
#8d9aff rgb(141,154,255)
```
#a7b1ff
```
#a7b1ff rgb(167,177,255)
```

Monochromatic Color

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

#5a96ff
```
#5a96ff rgb(90,150,255)
```
#5a89ff
```
#5a89ff rgb(90,137,255)
```
#5a7bff
```
#5a7bff rgb(90,123,255)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#5a5fff
```
#5a5fff rgb(90,95,255)
```
#625aff
```
#625aff rgb(98,90,255)
```
#705aff
```
#705aff rgb(112,90,255)
```

Similar Colors

Text with hexadecimal color #5a6dff

This text has a font color of #5a6dff.

<span style="color:#5a6dff;">Text here</span>

#5a6dff background color

This paragraph has a background color of #5a6dff.

<p style="background-color:#5a6dff;">Content here</p>

#5a6dff border color

This element has a border color of #5a6dff.

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

CSS codes

.text {color:#5a6dff;}

.background {background-color:#5a6dff;}

.border {border:1px solid #5a6dff;}

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, #00010c is the darkest color, while #f7f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#00041f
```
#00041f rgb(0,4,31)
```
#000633
```
#000633 rgb(0,6,51)
```
#000846
```
#000846 rgb(0,8,70)
```
#000a5a
```
#000a5a rgb(0,10,90)
```
#000d6e
```
#000d6e rgb(0,13,110)
```
#000f81
```
#000f81 rgb(0,15,129)
```
#001195
```
#001195 rgb(0,17,149)
```
#0013a8
```
#0013a8 rgb(0,19,168)
```
#0016bc
```
#0016bc rgb(0,22,188)
```
#0018d0
```
#0018d0 rgb(0,24,208)
```
#001ae3
```
#001ae3 rgb(0,26,227)
```
#001cf7
```
#001cf7 rgb(0,28,247)
```

Shade Color Variation

#0c28ff
```
#0c28ff rgb(12,40,255)
```
#1f39ff
```
#1f39ff rgb(31,57,255)
```
#334aff
```
#334aff rgb(51,74,255)
```
#465cff
```
#465cff rgb(70,92,255)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```
#6e7eff
```
#6e7eff rgb(110,126,255)
```
#8190ff
```
#8190ff rgb(129,144,255)
```
#95a1ff
```
#95a1ff rgb(149,161,255)
```
#a8b2ff
```
#a8b2ff rgb(168,178,255)
```
#bcc4ff
```
#bcc4ff rgb(188,196,255)
```
#d0d5ff
```
#d0d5ff rgb(208,213,255)
```
#e3e6ff
```
#e3e6ff rgb(227,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#a6a8b3
```
#a6a8b3 rgb(166,168,179)
```
#a0a3b9
```
#a0a3b9 rgb(160,163,185)
```
#999ec0
```
#999ec0 rgb(153,158,192)
```
#9399c6
```
#9399c6 rgb(147,153,198)
```
#8d94cc
```
#8d94cc rgb(141,148,204)
```
#868fd3
```
#868fd3 rgb(134,143,211)
```
#808ad9
```
#808ad9 rgb(128,138,217)
```
#7a85df
```
#7a85df rgb(122,133,223)
```
#7381e6
```
#7381e6 rgb(115,129,230)
```
#6d7cec
```
#6d7cec rgb(109,124,236)
```
#6777f2
```
#6777f2 rgb(103,119,242)
```
#6072f9
```
#6072f9 rgb(96,114,249)
```
#5a6dff
```
#5a6dff rgb(90,109,255)
```

Tone Color Variation

Below, you can see how #5a6dff 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

#787878 Achromatopsia 0.005% of the population
#727693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#2078fb Protanomaly 1% of men, 0.01% of women
#207de7 Deuteranomaly 6% of men, 0.4% of women
#2083be Tritanomaly 0.01% of the population

#5a6dff hex color

#5a6dff Color Information

#5a6dff Color Conversion

Color Schemes with #5a6dff

Alternatives to #5a6dff

#5a6dff Preview

Shades and Tints of #5a6dff

Tones of #5a6dff

Color Blindness Simulator