#535cb0 hex color

In a RGB color space, hex #535cb0 is composed of 32.5% red, 36.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 47.7% magenta, 0% yellow and 31% black. It has a hue angle of 234.2 degrees, a saturation of 37.1% and a lightness of 50.8%. #535cb0 color hex could be obtained by blending #a6b8ff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 36
- B 69
RGB color chart
- C 53
- M 48
- Y 0
- K 31
CMYK color chart

● #535cb0 color description : Dark moderate blue.

The hexadecimal color #535cb0 has RGB values of R:83, G:92, B:176 and CMYK values of C:0.53, M:0.48, Y:0, K:0.31. Its decimal value is 5463216.

Hex triplet	535cb0	`#535cb0`
RGB Decimal	83, 92, 176	`rgb(83,92,176)`
RGB Percent	32.5, 36.1, 69	`rgb(32.5%,36.1%,69%)`
CMYK	53, 48, 0, 31
HSL	234.2°, 37.1, 50.8	`hsl(234.2,37.1%,50.8%)`
HSV (or HSB)	234.2°, 52.8, 69
Web Safe	666699	`#666699`

CIE-LAB	42.196, 20.726, -46.062
XYZ	15.229, 12.627, 42.707
xyY	0.216, 0.179, 12.627
CIE-LCH	42.196, 50.51, 294.225
CIE-LUV	42.196, -8.103, -69.562
Hunter-Lab	35.535, 14.314, -46.382
Binary	01010011, 01011100, 10110000

#535cb0
```
#535cb0 rgb(83,92,176)
```
#b0a753
```
#b0a753 rgb(176,167,83)
```

Complementary Color

#538bb0
```
#538bb0 rgb(83,139,176)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#7953b0
```
#7953b0 rgb(121,83,176)
```

Analogous Color

#8bb053
```
#8bb053 rgb(139,176,83)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#b07953
```
#b07953 rgb(176,121,83)
```

Split Complementary Color

#5cb053
```
#5cb053 rgb(92,176,83)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#b0535c
```
#b0535c rgb(176,83,92)
```

Triadic Color

#53b0a7
```
#53b0a7 rgb(83,176,167)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#b0535c
```
#b0535c rgb(176,83,92)
```
#b0a753
```
#b0a753 rgb(176,167,83)
```

Tetradic Color

#39407d
```
#39407d rgb(57,64,125)
```
#41498f
```
#41498f rgb(65,73,143)
```
#4952a0
```
#4952a0 rgb(73,82,160)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#646db8
```
#646db8 rgb(100,109,184)
```
#767dc0
```
#767dc0 rgb(118,125,192)
```
#878ec8
```
#878ec8 rgb(135,142,200)
```

Monochromatic Color

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

#5373b0
```
#5373b0 rgb(83,115,176)
```
#536cb0
```
#536cb0 rgb(83,108,176)
```
#5364b0
```
#5364b0 rgb(83,100,176)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#5354b0
```
#5354b0 rgb(83,84,176)
```
#5953b0
```
#5953b0 rgb(89,83,176)
```
#6153b0
```
#6153b0 rgb(97,83,176)
```

Similar Colors

Text with hexadecimal color #535cb0

This text has a font color of #535cb0.

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

#535cb0 background color

This paragraph has a background color of #535cb0.

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

#535cb0 border color

This element has a border color of #535cb0.

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

CSS codes

.text {color:#535cb0;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070810
```
#070810 rgb(7,8,16)
```
#0e0f1e
```
#0e0f1e rgb(14,15,30)
```
#14162b
```
#14162b rgb(20,22,43)
```
#1a1d39
```
#1a1d39 rgb(26,29,57)
```
#202446
```
#202446 rgb(32,36,70)
```
#262b53
```
#262b53 rgb(38,43,83)
```
#2c3261
```
#2c3261 rgb(44,50,97)
```
#33386e
```
#33386e rgb(51,56,110)
```
#393f7c
```
#393f7c rgb(57,63,124)
```
#3f4689
```
#3f4689 rgb(63,70,137)
```
#454d97
```
#454d97 rgb(69,77,151)
```
#4b54a4
```
#4b54a4 rgb(75,84,164)
```

Shade Color Variation

#535cb0
```
#535cb0 rgb(83,92,176)
```
#6069b6
```
#6069b6 rgb(96,105,182)
```
#6e75bc
```
#6e75bc rgb(110,117,188)
```
#7b82c3
```
#7b82c3 rgb(123,130,195)
```
#898fc9
```
#898fc9 rgb(137,143,201)
```
#969ccf
```
#969ccf rgb(150,156,207)
```
#a4a8d5
```
#a4a8d5 rgb(164,168,213)
```
#b1b5db
```
#b1b5db rgb(177,181,219)
```
#bfc2e1
```
#bfc2e1 rgb(191,194,225)
```
#cccfe8
```
#cccfe8 rgb(204,207,232)
```
#d9dbee
```
#d9dbee rgb(217,219,238)
```
#e7e8f4
```
#e7e8f4 rgb(231,232,244)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7b89 is the less saturated color, while #061efd is the most saturated one.

#7a7b89
```
#7a7b89 rgb(122,123,137)
```
#707393
```
#707393 rgb(112,115,147)
```
#666c9d
```
#666c9d rgb(102,108,157)
```
#5d64a6
```
#5d64a6 rgb(93,100,166)
```
#535cb0
```
#535cb0 rgb(83,92,176)
```
#4954ba
```
#4954ba rgb(73,84,186)
```
#404cc3
```
#404cc3 rgb(64,76,195)
```
#3645cd
```
#3645cd rgb(54,69,205)
```
#2c3dd7
```
#2c3dd7 rgb(44,61,215)
```
#2335e0
```
#2335e0 rgb(35,53,224)
```
#192dea
```
#192dea rgb(25,45,234)
```
#0f26f4
```
#0f26f4 rgb(15,38,244)
```
#061efd
```
#061efd rgb(6,30,253)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4169b8 Protanopia 1% of men
#2e6cb0 Deuteranopia 1% of men
#43727b Tritanopia 0.001% of the population

Trichromacy

#4764b5 Protanomaly 1% of men, 0.01% of women
#3b66b0 Deuteranomaly 6% of men, 0.4% of women
#486a8e Tritanomaly 0.01% of the population

#535cb0 hex color

#535cb0 Color Information

#535cb0 Color Conversion

Color Schemes with #535cb0

Alternatives to #535cb0

#535cb0 Preview

Shades and Tints of #535cb0

Tones of #535cb0

Color Blindness Simulator