#535fb7 hex color

In a RGB color space, hex #535fb7 is composed of 32.5% red, 37.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 48.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 232.8 degrees, a saturation of 41% and a lightness of 52.2%. #535fb7 color hex could be obtained by blending #a6beff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 37
- B 72
RGB color chart
- C 55
- M 48
- Y 0
- K 28
CMYK color chart

● #535fb7 color description : Moderate blue.

The hexadecimal color #535fb7 has RGB values of R:83, G:95, B:183 and CMYK values of C:0.55, M:0.48, Y:0, K:0.28. Its decimal value is 5463991.

Hex triplet	535fb7	`#535fb7`
RGB Decimal	83, 95, 183	`rgb(83,95,183)`
RGB Percent	32.5, 37.3, 71.8	`rgb(32.5%,37.3%,71.8%)`
CMYK	55, 48, 0, 28
HSL	232.8°, 41, 52.2	`hsl(232.8,41%,52.2%)`
HSV (or HSB)	232.8°, 54.6, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.421, 21.125, -48.203
XYZ	16.205, 13.442, 46.538
xyY	0.213, 0.176, 13.442
CIE-LCH	43.421, 52.629, 293.666
CIE-LUV	43.421, -9.312, -73.321
Hunter-Lab	36.663, 14.737, -49.595
Binary	01010011, 01011111, 10110111

#535fb7
```
#535fb7 rgb(83,95,183)
```
#b7ab53
```
#b7ab53 rgb(183,171,83)
```

Complementary Color

#5391b7
```
#5391b7 rgb(83,145,183)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#7953b7
```
#7953b7 rgb(121,83,183)
```

Analogous Color

#91b753
```
#91b753 rgb(145,183,83)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#b77953
```
#b77953 rgb(183,121,83)
```

Split Complementary Color

#5fb753
```
#5fb753 rgb(95,183,83)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#b7535f
```
#b7535f rgb(183,83,95)
```

Triadic Color

#53b7ab
```
#53b7ab rgb(83,183,171)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#b7535f
```
#b7535f rgb(183,83,95)
```
#b7ab53
```
#b7ab53 rgb(183,171,83)
```

Tetradic Color

#384186
```
#384186 rgb(56,65,134)
```
#3f4a98
```
#3f4a98 rgb(63,74,152)
```
#4753aa
```
#4753aa rgb(71,83,170)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#6570bf
```
#6570bf rgb(101,112,191)
```
#7780c6
```
#7780c6 rgb(119,128,198)
```
#8991ce
```
#8991ce rgb(137,145,206)
```

Monochromatic Color

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

#5378b7
```
#5378b7 rgb(83,120,183)
```
#5370b7
```
#5370b7 rgb(83,112,183)
```
#5367b7
```
#5367b7 rgb(83,103,183)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#5357b7
```
#5357b7 rgb(83,87,183)
```
#5853b7
```
#5853b7 rgb(88,83,183)
```
#6053b7
```
#6053b7 rgb(96,83,183)
```

Similar Colors

Text with hexadecimal color #535fb7

This text has a font color of #535fb7.

<span style="color:#535fb7;">Text here</span>

#535fb7 background color

This paragraph has a background color of #535fb7.

<p style="background-color:#535fb7;">Content here</p>

#535fb7 border color

This element has a border color of #535fb7.

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

CSS codes

.text {color:#535fb7;}

.background {background-color:#535fb7;}

.border {border:1px solid #535fb7;}

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

#030408
```
#030408 rgb(3,4,8)
```
#090b16
```
#090b16 rgb(9,11,22)
```
#0f1123
```
#0f1123 rgb(15,17,35)
```
#151831
```
#151831 rgb(21,24,49)
```
#1a1f3f
```
#1a1f3f rgb(26,31,63)
```
#20264d
```
#20264d rgb(32,38,77)
```
#262c5b
```
#262c5b rgb(38,44,91)
```
#2c3369
```
#2c3369 rgb(44,51,105)
```
#323a76
```
#323a76 rgb(50,58,118)
```
#374184
```
#374184 rgb(55,65,132)
```
#3d4792
```
#3d4792 rgb(61,71,146)
```
#434ea0
```
#434ea0 rgb(67,78,160)
```
#4955ae
```
#4955ae rgb(73,85,174)
```

Shade Color Variation

#535fb7
```
#535fb7 rgb(83,95,183)
```
#616cbd
```
#616cbd rgb(97,108,189)
```
#6f79c3
```
#6f79c3 rgb(111,121,195)
```
#7c86c8
```
#7c86c8 rgb(124,134,200)
```
#8a92ce
```
#8a92ce rgb(138,146,206)
```
#989fd4
```
#989fd4 rgb(152,159,212)
```
#a6acda
```
#a6acda rgb(166,172,218)
```
#b4b9e0
```
#b4b9e0 rgb(180,185,224)
```
#c2c6e5
```
#c2c6e5 rgb(194,198,229)
```
#cfd3eb
```
#cfd3eb rgb(207,211,235)
```
#dde0f1
```
#dde0f1 rgb(221,224,241)
```
#ebecf7
```
#ebecf7 rgb(235,236,247)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#828388
```
#828388 rgb(130,131,136)
```
#797c91
```
#797c91 rgb(121,124,145)
```
#6f749b
```
#6f749b rgb(111,116,155)
```
#666da4
```
#666da4 rgb(102,109,164)
```
#5c66ae
```
#5c66ae rgb(92,102,174)
```
#535fb7
```
#535fb7 rgb(83,95,183)
```
#4a58c0
```
#4a58c0 rgb(74,88,192)
```
#4051ca
```
#4051ca rgb(64,81,202)
```
#374ad3
```
#374ad3 rgb(55,74,211)
```
#2d42dd
```
#2d42dd rgb(45,66,221)
```
#243be6
```
#243be6 rgb(36,59,230)
```
#1b34ef
```
#1b34ef rgb(27,52,239)
```
#112df9
```
#112df9 rgb(17,45,249)
```

Tone Color Variation

Below, you can see how #535fb7 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

#656565 Achromatopsia 0.005% of the population
#616475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#406bbe Protanopia 1% of men
#296fb7 Deuteranopia 1% of men
#3f767e Tritanopia 0.001% of the population

Trichromacy

#4767bb Protanomaly 1% of men, 0.01% of women
#3869b7 Deuteranomaly 6% of men, 0.4% of women
#466d93 Tritanomaly 0.01% of the population

#535fb7 hex color

#535fb7 Color Information

#535fb7 Color Conversion

Color Schemes with #535fb7

Alternatives to #535fb7

#535fb7 Preview

Shades and Tints of #535fb7

Tones of #535fb7

Color Blindness Simulator