#5438ff hex color

In a RGB color space, hex #5438ff is composed of 32.9% red, 22% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 78% magenta, 0% yellow and 0% black. It has a hue angle of 248.4 degrees, a saturation of 100% and a lightness of 61%. #5438ff color hex could be obtained by blending #a870ff with #0000ff. Closest websafe color is: #6633ff.

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

● #5438ff color description : Light blue.

The hexadecimal color #5438ff has RGB values of R:84, G:56, B:255 and CMYK values of C:0.67, M:0.78, Y:0, K:0. Its decimal value is 5519615.

Hex triplet	5438ff	`#5438ff`
RGB Decimal	84, 56, 255	`rgb(84,56,255)`
RGB Percent	32.9, 22, 100	`rgb(32.9%,22%,100%)`
CMYK	67, 78, 0, 0
HSL	248.4°, 100, 61	`hsl(248.4,100%,61%)`
HSV (or HSB)	248.4°, 78, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.108, 65.95, -93.108
XYZ	23.117, 11.932, 95.687
xyY	0.177, 0.091, 11.932
CIE-LCH	41.108, 114.099, 305.31
CIE-LUV	41.108, -4.706, -132.959
Hunter-Lab	34.543, 59.006, -140.059
Binary	01010100, 00111000, 11111111

#5438ff
```
#5438ff rgb(84,56,255)
```
#e3ff38
```
#e3ff38 rgb(227,255,56)
```

Complementary Color

#3880ff
```
#3880ff rgb(56,128,255)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#b838ff
```
#b838ff rgb(184,56,255)
```

Analogous Color

#80ff38
```
#80ff38 rgb(128,255,56)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#ffb838
```
#ffb838 rgb(255,184,56)
```

Split Complementary Color

#38ff54
```
#38ff54 rgb(56,255,84)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#ff5438
```
#ff5438 rgb(255,84,56)
```

Triadic Color

#38e3ff
```
#38e3ff rgb(56,227,255)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#ff5438
```
#ff5438 rgb(255,84,56)
```
#e3ff38
```
#e3ff38 rgb(227,255,56)
```

Tetradic Color

#2100eb
```
#2100eb rgb(33,0,235)
```
#2805ff
```
#2805ff rgb(40,5,255)
```
#3e1fff
```
#3e1fff rgb(62,31,255)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#6a52ff
```
#6a52ff rgb(106,82,255)
```
#806bff
```
#806bff rgb(128,107,255)
```
#9685ff
```
#9685ff rgb(150,133,255)
```

Monochromatic Color

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

#384eff
```
#384eff rgb(56,78,255)
```
#383dff
```
#383dff rgb(56,61,255)
```
#4338ff
```
#4338ff rgb(67,56,255)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#6538ff
```
#6538ff rgb(101,56,255)
```
#7538ff
```
#7538ff rgb(117,56,255)
```
#8638ff
```
#8638ff rgb(134,56,255)
```

Similar Colors

Text with hexadecimal color #5438ff

This text has a font color of #5438ff.

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

#5438ff background color

This paragraph has a background color of #5438ff.

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

#5438ff border color

This element has a border color of #5438ff.

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

CSS codes

.text {color:#5438ff;}

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

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

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

#020011
```
#020011 rgb(2,0,17)
```
#050024
```
#050024 rgb(5,0,36)
```
#080038
```
#080038 rgb(8,0,56)
```
#0b004c
```
#0b004c rgb(11,0,76)
```
#0d005f
```
#0d005f rgb(13,0,95)
```
#100073
```
#100073 rgb(16,0,115)
```
#130086
```
#130086 rgb(19,0,134)
```
#16009a
```
#16009a rgb(22,0,154)
```
#1800ae
```
#1800ae rgb(24,0,174)
```
#1b00c1
```
#1b00c1 rgb(27,0,193)
```
#1e00d5
```
#1e00d5 rgb(30,0,213)
```
#2100e9
```
#2100e9 rgb(33,0,233)
```
#2300fc
```
#2300fc rgb(35,0,252)
```

Shade Color Variation

#3211ff
```
#3211ff rgb(50,17,255)
```
#4324ff
```
#4324ff rgb(67,36,255)
```
#5438ff
```
#5438ff rgb(84,56,255)
```
#654cff
```
#654cff rgb(101,76,255)
```
#765fff
```
#765fff rgb(118,95,255)
```
#8773ff
```
#8773ff rgb(135,115,255)
```
#9786ff
```
#9786ff rgb(151,134,255)
```
#a89aff
```
#a89aff rgb(168,154,255)
```
#b9aeff
```
#b9aeff rgb(185,174,255)
```
#cac1ff
```
#cac1ff rgb(202,193,255)
```
#dbd5ff
```
#dbd5ff rgb(219,213,255)
```
#ece9ff
```
#ece9ff rgb(236,233,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#9694a3
```
#9694a3 rgb(150,148,163)
```
#918cab
```
#918cab rgb(145,140,171)
```
#8b85b2
```
#8b85b2 rgb(139,133,178)
```
#867dba
```
#867dba rgb(134,125,186)
```
#8075c2
```
#8075c2 rgb(128,117,194)
```
#7b6ec9
```
#7b6ec9 rgb(123,110,201)
```
#7566d1
```
#7566d1 rgb(117,102,209)
```
#705ed9
```
#705ed9 rgb(112,94,217)
```
#6a57e0
```
#6a57e0 rgb(106,87,224)
```
#654fe8
```
#654fe8 rgb(101,79,232)
```
#5f47f0
```
#5f47f0 rgb(95,71,240)
```
#5a40f7
```
#5a40f7 rgb(90,64,247)
```
#5438ff
```
#5438ff rgb(84,56,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#565179 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#1e55db Protanomaly 1% of men, 0.01% of women
#1e59ca Deuteranomaly 6% of men, 0.4% of women
#1e5daa Tritanomaly 0.01% of the population

#5438ff hex color

#5438ff Color Information

#5438ff Color Conversion

Color Schemes with #5438ff

Alternatives to #5438ff

#5438ff Preview

Shades and Tints of #5438ff

Tones of #5438ff

Color Blindness Simulator