colorhexa.com

#5b67ff hex color

In a RGB color space, hex #5b67ff is composed of 35.7% red, 40.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 59.6% magenta, 0% yellow and 0% black. It has a hue angle of 235.6 degrees, a saturation of 100% and a lightness of 67.8%. #5b67ff color hex could be obtained by blending #b6ceff with #0000ff. Closest websafe color is: #6666ff.

- R 36
- G 40
- B 100
RGB color chart
- C 64
- M 60
- Y 0
- K 0
CMYK color chart

● #5b67ff color description : Light blue.

The hexadecimal color #5b67ff has RGB values of R:91, G:103, B:255 and CMYK values of C:0.64, M:0.6, Y:0, K:0. Its decimal value is 5990399.

Hex triplet	5b67ff	`#5b67ff`
RGB Decimal	91, 103, 255	`rgb(91,103,255)`
RGB Percent	35.7, 40.4, 100	`rgb(35.7%,40.4%,100%)`
CMYK	64, 60, 0, 0
HSL	235.6°, 100, 67.8	`hsl(235.6,100%,67.8%)`
HSV (or HSB)	235.6°, 64.3, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.854, 41.373, -77.086
XYZ	27.211, 19.143, 96.863
xyY	0.19, 0.134, 19.143
CIE-LCH	50.854, 87.487, 298.223
CIE-LUV	50.854, -11.845, -121.338
Hunter-Lab	43.753, 34.446, -100.633
Binary	01011011, 01100111, 11111111

#5b67ff
```
#5b67ff rgb(91,103,255)
```
#fff35b
```
#fff35b rgb(255,243,91)
```

Complementary Color

#5bb9ff
```
#5bb9ff rgb(91,185,255)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#a15bff
```
#a15bff rgb(161,91,255)
```

Analogous Color

#b9ff5b
```
#b9ff5b rgb(185,255,91)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#ffa15b
```
#ffa15b rgb(255,161,91)
```

Split Complementary Color

#67ff5b
```
#67ff5b rgb(103,255,91)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#ff5b67
```
#ff5b67 rgb(255,91,103)
```

Triadic Color

#5bfff3
```
#5bfff3 rgb(91,255,243)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#ff5b67
```
#ff5b67 rgb(255,91,103)
```
#fff35b
```
#fff35b rgb(255,243,91)
```

Tetradic Color

#0f20ff
```
#0f20ff rgb(15,32,255)
```
#2838ff
```
#2838ff rgb(40,56,255)
```
#424fff
```
#424fff rgb(66,79,255)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#757fff
```
#757fff rgb(117,127,255)
```
#8e96ff
```
#8e96ff rgb(142,150,255)
```
#a8aeff
```
#a8aeff rgb(168,174,255)
```

Monochromatic Color

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

#5b90ff
```
#5b90ff rgb(91,144,255)
```
#5b82ff
```
#5b82ff rgb(91,130,255)
```
#5b75ff
```
#5b75ff rgb(91,117,255)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#5d5bff
```
#5d5bff rgb(93,91,255)
```
#6a5bff
```
#6a5bff rgb(106,91,255)
```
#785bff
```
#785bff rgb(120,91,255)
```

Similar Colors

Text with hexadecimal color #5b67ff

This text has a font color of #5b67ff.

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

#5b67ff background color

This paragraph has a background color of #5b67ff.

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

#5b67ff border color

This element has a border color of #5b67ff.

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

CSS codes

.text {color:#5b67ff;}

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

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

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

#00010d
```
#00010d rgb(0,1,13)
```
#000220
```
#000220 rgb(0,2,32)
```
#000434
```
#000434 rgb(0,4,52)
```
#000547
```
#000547 rgb(0,5,71)
```
#00075b
```
#00075b rgb(0,7,91)
```
#00086f
```
#00086f rgb(0,8,111)
```
#000a82
```
#000a82 rgb(0,10,130)
```
#000b96
```
#000b96 rgb(0,11,150)
```
#000ca9
```
#000ca9 rgb(0,12,169)
```
#000ebd
```
#000ebd rgb(0,14,189)
```
#000fd1
```
#000fd1 rgb(0,15,209)
```
#0011e4
```
#0011e4 rgb(0,17,228)
```
#0012f8
```
#0012f8 rgb(0,18,248)
```

Shade Color Variation

#0d1eff
```
#0d1eff rgb(13,30,255)
```
#2030ff
```
#2030ff rgb(32,48,255)
```
#3443ff
```
#3443ff rgb(52,67,255)
```
#4755ff
```
#4755ff rgb(71,85,255)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```
#6f79ff
```
#6f79ff rgb(111,121,255)
```
#828bff
```
#828bff rgb(130,139,255)
```
#969eff
```
#969eff rgb(150,158,255)
```
#a9b0ff
```
#a9b0ff rgb(169,176,255)
```
#bdc2ff
```
#bdc2ff rgb(189,194,255)
```
#d1d4ff
```
#d1d4ff rgb(209,212,255)
```
#e4e6ff
```
#e4e6ff rgb(228,230,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#a7a8b3
```
#a7a8b3 rgb(167,168,179)
```
#a0a2ba
```
#a0a2ba rgb(160,162,186)
```
#9a9dc0
```
#9a9dc0 rgb(154,157,192)
```
#9497c6
```
#9497c6 rgb(148,151,198)
```
#8d92cd
```
#8d92cd rgb(141,146,205)
```
#878dd3
```
#878dd3 rgb(135,141,211)
```
#8187d9
```
#8187d9 rgb(129,135,217)
```
#7b82df
```
#7b82df rgb(123,130,223)
```
#747de6
```
#747de6 rgb(116,125,230)
```
#6e77ec
```
#6e77ec rgb(110,119,236)
```
#6872f2
```
#6872f2 rgb(104,114,242)
```
#616cf9
```
#616cf9 rgb(97,108,249)
```
#5b67ff
```
#5b67ff rgb(91,103,255)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#707291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf2 Protanopia 1% of men
#0083d4 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#2174f7 Protanomaly 1% of men, 0.01% of women
#2178e4 Deuteranomaly 6% of men, 0.4% of women
#217ebc Tritanomaly 0.01% of the population