#536abf hex color

In a RGB color space, hex #536abf is composed of 32.5% red, 41.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 44.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 227.2 degrees, a saturation of 45.8% and a lightness of 53.7%. #536abf color hex could be obtained by blending #a6d4ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 75
RGB color chart
- C 57
- M 45
- Y 0
- K 25
CMYK color chart

● #536abf color description : Moderate blue.

The hexadecimal color #536abf has RGB values of R:83, G:106, B:191 and CMYK values of C:0.57, M:0.45, Y:0, K:0.25. Its decimal value is 5466815.

Hex triplet	536abf	`#536abf`
RGB Decimal	83, 106, 191	`rgb(83,106,191)`
RGB Percent	32.5, 41.6, 74.9	`rgb(32.5%,41.6%,74.9%)`
CMYK	57, 45, 0, 25
HSL	227.2°, 45.8, 53.7	`hsl(227.2,45.8%,53.7%)`
HSV (or HSB)	227.2°, 56.5, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.853, 16.867, -47.362
XYZ	18.123, 15.908, 51.403
xyY	0.212, 0.186, 15.908
CIE-LCH	46.853, 50.276, 289.602
CIE-LUV	46.853, -13.056, -73.059
Hunter-Lab	39.885, 11.311, -48.493
Binary	01010011, 01101010, 10111111

#536abf
```
#536abf rgb(83,106,191)
```
#bfa853
```
#bfa853 rgb(191,168,83)
```

Complementary Color

#53a0bf
```
#53a0bf rgb(83,160,191)
```
#536abf
```
#536abf rgb(83,106,191)
```
#7253bf
```
#7253bf rgb(114,83,191)
```

Analogous Color

#a0bf53
```
#a0bf53 rgb(160,191,83)
```
#536abf
```
#536abf rgb(83,106,191)
```
#bf7253
```
#bf7253 rgb(191,114,83)
```

Split Complementary Color

#6abf53
```
#6abf53 rgb(106,191,83)
```
#536abf
```
#536abf rgb(83,106,191)
```
#bf536a
```
#bf536a rgb(191,83,106)
```

Triadic Color

#53bfa8
```
#53bfa8 rgb(83,191,168)
```
#536abf
```
#536abf rgb(83,106,191)
```
#bf536a
```
#bf536a rgb(191,83,106)
```
#bfa853
```
#bfa853 rgb(191,168,83)
```

Tetradic Color

#364990
```
#364990 rgb(54,73,144)
```
#3c52a3
```
#3c52a3 rgb(60,82,163)
```
#435cb5
```
#435cb5 rgb(67,92,181)
```
#536abf
```
#536abf rgb(83,106,191)
```
#667ac6
```
#667ac6 rgb(102,122,198)
```
#788acd
```
#788acd rgb(120,138,205)
```
#8b9ad4
```
#8b9ad4 rgb(139,154,212)
```

Monochromatic Color

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

#5385bf
```
#5385bf rgb(83,133,191)
```
#537cbf
```
#537cbf rgb(83,124,191)
```
#5373bf
```
#5373bf rgb(83,115,191)
```
#536abf
```
#536abf rgb(83,106,191)
```
#5361bf
```
#5361bf rgb(83,97,191)
```
#5358bf
```
#5358bf rgb(83,88,191)
```
#5753bf
```
#5753bf rgb(87,83,191)
```

Similar Colors

Text with hexadecimal color #536abf

This text has a font color of #536abf.

<span style="color:#536abf;">Text here</span>

#536abf background color

This paragraph has a background color of #536abf.

<p style="background-color:#536abf;">Content here</p>

#536abf border color

This element has a border color of #536abf.

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

CSS codes

.text {color:#536abf;}

.background {background-color:#536abf;}

.border {border:1px solid #536abf;}

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, #05070e is the darkest color, while #ffffff is the lightest one.

#05070e
```
#05070e rgb(5,7,14)
```
#0a0e1c
```
#0a0e1c rgb(10,14,28)
```
#10152a
```
#10152a rgb(16,21,42)
```
#151d39
```
#151d39 rgb(21,29,57)
```
#1a2447
```
#1a2447 rgb(26,36,71)
```
#202b55
```
#202b55 rgb(32,43,85)
```
#253264
```
#253264 rgb(37,50,100)
```
#2a3a72
```
#2a3a72 rgb(42,58,114)
```
#304180
```
#304180 rgb(48,65,128)
```
#35488f
```
#35488f rgb(53,72,143)
```
#3a4f9d
```
#3a4f9d rgb(58,79,157)
```
#4057ab
```
#4057ab rgb(64,87,171)
```
#455eb9
```
#455eb9 rgb(69,94,185)
```

Shade Color Variation

#536abf
```
#536abf rgb(83,106,191)
```
#6176c4
```
#6176c4 rgb(97,118,196)
```
#7083ca
```
#7083ca rgb(112,131,202)
```
#7e8fcf
```
#7e8fcf rgb(126,143,207)
```
#8c9cd4
```
#8c9cd4 rgb(140,156,212)
```
#9aa8da
```
#9aa8da rgb(154,168,218)
```
#a9b4df
```
#a9b4df rgb(169,180,223)
```
#b7c1e4
```
#b7c1e4 rgb(183,193,228)
```
#c5cdea
```
#c5cdea rgb(197,205,234)
```
#d4d9ef
```
#d4d9ef rgb(212,217,239)
```
#e2e6f4
```
#e2e6f4 rgb(226,230,244)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#808492
```
#808492 rgb(128,132,146)
```
#777f9b
```
#777f9b rgb(119,127,155)
```
#6e7aa4
```
#6e7aa4 rgb(110,122,164)
```
#6574ad
```
#6574ad rgb(101,116,173)
```
#5c6fb6
```
#5c6fb6 rgb(92,111,182)
```
#536abf
```
#536abf rgb(83,106,191)
```
#4a65c8
```
#4a65c8 rgb(74,101,200)
```
#4160d1
```
#4160d1 rgb(65,96,209)
```
#385ada
```
#385ada rgb(56,90,218)
```
#2f55e3
```
#2f55e3 rgb(47,85,227)
```
#2650ec
```
#2650ec rgb(38,80,236)
```
#1d4bf5
```
#1d4bf5 rgb(29,75,245)
```
#1346ff
```
#1346ff rgb(19,70,255)
```

Tone Color Variation

Below, you can see how #536abf 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

#6d6d6d Achromatopsia 0.005% of the population
#686c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e73c4 Protanopia 1% of men
#3a77bf Deuteranopia 1% of men
#3e7f88 Tritanopia 0.001% of the population

Trichromacy

#5070c2 Protanomaly 1% of men, 0.01% of women
#4372bf Deuteranomaly 6% of men, 0.4% of women
#46779c Tritanomaly 0.01% of the population

#536abf hex color

#536abf Color Information

#536abf Color Conversion

Color Schemes with #536abf

Alternatives to #536abf

#536abf Preview

Shades and Tints of #536abf

Tones of #536abf

Color Blindness Simulator