#536ccf hex color

In a RGB color space, hex #536ccf is composed of 32.5% red, 42.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 47.8% magenta, 0% yellow and 18.8% black. It has a hue angle of 227.9 degrees, a saturation of 56.4% and a lightness of 56.9%. #536ccf color hex could be obtained by blending #a6d8ff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 81
RGB color chart
- C 60
- M 48
- Y 0
- K 19
CMYK color chart

● #536ccf color description : Moderate blue.

The hexadecimal color #536ccf has RGB values of R:83, G:108, B:207 and CMYK values of C:0.6, M:0.48, Y:0, K:0.19. Its decimal value is 5467343.

Hex triplet	536ccf	`#536ccf`
RGB Decimal	83, 108, 207	`rgb(83,108,207)`
RGB Percent	32.5, 42.4, 81.2	`rgb(32.5%,42.4%,81.2%)`
CMYK	60, 48, 0, 19
HSL	227.9°, 56.4, 56.9	`hsl(227.9,56.4%,56.9%)`
HSV (or HSB)	227.9°, 59.9, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.346, 20.982, -54.166
XYZ	20.19, 17.068, 61.259
xyY	0.205, 0.173, 17.068
CIE-LCH	48.346, 58.088, 291.174
CIE-LUV	48.346, -13.996, -84.461
Hunter-Lab	41.314, 14.935, -58.994
Binary	01010011, 01101100, 11001111

#536ccf
```
#536ccf rgb(83,108,207)
```
#cfb653
```
#cfb653 rgb(207,182,83)
```

Complementary Color

#53aacf
```
#53aacf rgb(83,170,207)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#7853cf
```
#7853cf rgb(120,83,207)
```

Analogous Color

#aacf53
```
#aacf53 rgb(170,207,83)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#cf7853
```
#cf7853 rgb(207,120,83)
```

Split Complementary Color

#6ccf53
```
#6ccf53 rgb(108,207,83)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#cf536c
```
#cf536c rgb(207,83,108)
```

Triadic Color

#53cfb6
```
#53cfb6 rgb(83,207,182)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#cf536c
```
#cf536c rgb(207,83,108)
```
#cfb653
```
#cfb653 rgb(207,182,83)
```

Tetradic Color

#2f47a7
```
#2f47a7 rgb(47,71,167)
```
#344fbb
```
#344fbb rgb(52,79,187)
```
#3f5bc9
```
#3f5bc9 rgb(63,91,201)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#677dd5
```
#677dd5 rgb(103,125,213)
```
#7b8eda
```
#7b8eda rgb(123,142,218)
```
#8f9fe0
```
#8f9fe0 rgb(143,159,224)
```

Monochromatic Color

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

#538bcf
```
#538bcf rgb(83,139,207)
```
#5381cf
```
#5381cf rgb(83,129,207)
```
#5376cf
```
#5376cf rgb(83,118,207)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#5362cf
```
#5362cf rgb(83,98,207)
```
#5357cf
```
#5357cf rgb(83,87,207)
```
#5953cf
```
#5953cf rgb(89,83,207)
```

Similar Colors

Text with hexadecimal color #536ccf

This text has a font color of #536ccf.

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

#536ccf background color

This paragraph has a background color of #536ccf.

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

#536ccf border color

This element has a border color of #536ccf.

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

CSS codes

.text {color:#536ccf;}

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

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

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, #03050c is the darkest color, while #fcfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#080c1b
```
#080c1b rgb(8,12,27)
```
#0c122b
```
#0c122b rgb(12,18,43)
```
#10193a
```
#10193a rgb(16,25,58)
```
#141f49
```
#141f49 rgb(20,31,73)
```
#192659
```
#192659 rgb(25,38,89)
```
#1d2c68
```
#1d2c68 rgb(29,44,104)
```
#213377
```
#213377 rgb(33,51,119)
```
#263987
```
#263987 rgb(38,57,135)
```
#2a4096
```
#2a4096 rgb(42,64,150)
```
#2e46a5
```
#2e46a5 rgb(46,70,165)
```
#324db5
```
#324db5 rgb(50,77,181)
```
#3753c4
```
#3753c4 rgb(55,83,196)
```

Shade Color Variation

#445fcb
```
#445fcb rgb(68,95,203)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#6279d3
```
#6279d3 rgb(98,121,211)
```
#7286d8
```
#7286d8 rgb(114,134,216)
```
#8193dc
```
#8193dc rgb(129,147,220)
```
#90a0e0
```
#90a0e0 rgb(144,160,224)
```
#a0aee4
```
#a0aee4 rgb(160,174,228)
```
#afbbe9
```
#afbbe9 rgb(175,187,233)
```
#bec8ed
```
#bec8ed rgb(190,200,237)
```
#ced5f1
```
#ced5f1 rgb(206,213,241)
```
#dde2f6
```
#dde2f6 rgb(221,226,246)
```
#eceffa
```
#eceffa rgb(236,239,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f94 is the less saturated color, while #2953f9 is the most saturated one.

#8e8f94
```
#8e8f94 rgb(142,143,148)
```
#868a9c
```
#868a9c rgb(134,138,156)
```
#7d85a5
```
#7d85a5 rgb(125,133,165)
```
#7580ad
```
#7580ad rgb(117,128,173)
```
#6c7bb6
```
#6c7bb6 rgb(108,123,182)
```
#6476be
```
#6476be rgb(100,118,190)
```
#5b71c7
```
#5b71c7 rgb(91,113,199)
```
#536ccf
```
#536ccf rgb(83,108,207)
```
#4b67d7
```
#4b67d7 rgb(75,103,215)
```
#4262e0
```
#4262e0 rgb(66,98,224)
```
#3a5de8
```
#3a5de8 rgb(58,93,232)
```
#3158f1
```
#3158f1 rgb(49,88,241)
```
#2953f9
```
#2953f9 rgb(41,83,249)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a6f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4577d4 Protanopia 1% of men
#197bcd Deuteranopia 1% of men
#32848e Tritanopia 0.001% of the population

Trichromacy

#4a73d2 Protanomaly 1% of men, 0.01% of women
#2e76ce Deuteranomaly 6% of men, 0.4% of women
#3e7ba5 Tritanomaly 0.01% of the population

#536ccf hex color

#536ccf Color Information

#536ccf Color Conversion

Color Schemes with #536ccf

Alternatives to #536ccf

#536ccf Preview

Shades and Tints of #536ccf

Tones of #536ccf

Color Blindness Simulator