#536adf hex color

In a RGB color space, hex #536adf is composed of 32.5% red, 41.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 52.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 230.1 degrees, a saturation of 68.6% and a lightness of 60%. #536adf color hex could be obtained by blending #a6d4ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 87
RGB color chart
- C 63
- M 52
- Y 0
- K 13
CMYK color chart

● #536adf color description : Soft blue.

The hexadecimal color #536adf has RGB values of R:83, G:106, B:223 and CMYK values of C:0.63, M:0.52, Y:0, K:0.13. Its decimal value is 5466847.

Hex triplet	536adf	`#536adf`
RGB Decimal	83, 106, 223	`rgb(83,106,223)`
RGB Percent	32.5, 41.6, 87.5	`rgb(32.5%,41.6%,87.5%)`
CMYK	63, 52, 0, 13
HSL	230.1°, 68.6, 60	`hsl(230.1,68.6%,60%)`
HSV (or HSB)	230.1°, 62.8, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.851, 27.64, -62.446
XYZ	22.038, 17.474, 72.019
xyY	0.198, 0.157, 17.474
CIE-LCH	48.851, 68.289, 293.875
CIE-LUV	48.851, -13.722, -97.761
Hunter-Lab	41.801, 20.953, -72.889
Binary	01010011, 01101010, 11011111

#536adf
```
#536adf rgb(83,106,223)
```
#dfc853
```
#dfc853 rgb(223,200,83)
```

Complementary Color

#53b0df
```
#53b0df rgb(83,176,223)
```
#536adf
```
#536adf rgb(83,106,223)
```
#8253df
```
#8253df rgb(130,83,223)
```

Analogous Color

#b0df53
```
#b0df53 rgb(176,223,83)
```
#536adf
```
#536adf rgb(83,106,223)
```
#df8253
```
#df8253 rgb(223,130,83)
```

Split Complementary Color

#6adf53
```
#6adf53 rgb(106,223,83)
```
#536adf
```
#536adf rgb(83,106,223)
```
#df536a
```
#df536a rgb(223,83,106)
```

Triadic Color

#53dfc8
```
#53dfc8 rgb(83,223,200)
```
#536adf
```
#536adf rgb(83,106,223)
```
#df536a
```
#df536a rgb(223,83,106)
```
#dfc853
```
#dfc853 rgb(223,200,83)
```

Tetradic Color

#243ec2
```
#243ec2 rgb(36,62,194)
```
#2845d7
```
#2845d7 rgb(40,69,215)
```
#3e57db
```
#3e57db rgb(62,87,219)
```
#536adf
```
#536adf rgb(83,106,223)
```
#697de3
```
#697de3 rgb(105,125,227)
```
#7e8fe7
```
#7e8fe7 rgb(126,143,231)
```
#94a2eb
```
#94a2eb rgb(148,162,235)
```

Monochromatic Color

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

#538ddf
```
#538ddf rgb(83,141,223)
```
#5381df
```
#5381df rgb(83,129,223)
```
#5376df
```
#5376df rgb(83,118,223)
```
#536adf
```
#536adf rgb(83,106,223)
```
#535edf
```
#535edf rgb(83,94,223)
```
#5353df
```
#5353df rgb(83,83,223)
```
#5f53df
```
#5f53df rgb(95,83,223)
```

Similar Colors

Text with hexadecimal color #536adf

This text has a font color of #536adf.

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

#536adf background color

This paragraph has a background color of #536adf.

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

#536adf border color

This element has a border color of #536adf.

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

CSS codes

.text {color:#536adf;}

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

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

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, #02030a is the darkest color, while #f8f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#05081a
```
#05081a rgb(5,8,26)
```
#080e2b
```
#080e2b rgb(8,14,43)
```
#0b133c
```
#0b133c rgb(11,19,60)
```
#0e184c
```
#0e184c rgb(14,24,76)
```
#111e5d
```
#111e5d rgb(17,30,93)
```
#14236d
```
#14236d rgb(20,35,109)
```
#17287e
```
#17287e rgb(23,40,126)
```
#1a2d8e
```
#1a2d8e rgb(26,45,142)
```
#1e339f
```
#1e339f rgb(30,51,159)
```
#2138af
```
#2138af rgb(33,56,175)
```
#243dc0
```
#243dc0 rgb(36,61,192)
```
#2743d0
```
#2743d0 rgb(39,67,208)
```

Shade Color Variation

#324dd9
```
#324dd9 rgb(50,77,217)
```
#425cdc
```
#425cdc rgb(66,92,220)
```
#536adf
```
#536adf rgb(83,106,223)
```
#6478e2
```
#6478e2 rgb(100,120,226)
```
#7487e5
```
#7487e5 rgb(116,135,229)
```
#8595e8
```
#8595e8 rgb(133,149,232)
```
#95a3eb
```
#95a3eb rgb(149,163,235)
```
#a6b2ee
```
#a6b2ee rgb(166,178,238)
```
#b6c0f1
```
#b6c0f1 rgb(182,192,241)
```
#c7cef5
```
#c7cef5 rgb(199,206,245)
```
#d7ddf8
```
#d7ddf8 rgb(215,221,248)
```
#e8ebfb
```
#e8ebfb rgb(232,235,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9294a0 is the less saturated color, while #3455fe is the most saturated one.

#9294a0
```
#9294a0 rgb(146,148,160)
```
#8a8fa8
```
#8a8fa8 rgb(138,143,168)
```
#828ab0
```
#828ab0 rgb(130,138,176)
```
#7a84b8
```
#7a84b8 rgb(122,132,184)
```
#727fc0
```
#727fc0 rgb(114,127,192)
```
#6b7ac7
```
#6b7ac7 rgb(107,122,199)
```
#6375cf
```
#6375cf rgb(99,117,207)
```
#5b6fd7
```
#5b6fd7 rgb(91,111,215)
```
#536adf
```
#536adf rgb(83,106,223)
```
#4b65e7
```
#4b65e7 rgb(75,101,231)
```
#435fef
```
#435fef rgb(67,95,239)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#3455fe
```
#3455fe rgb(52,85,254)
```

Tone Color Variation

Below, you can see how #536adf 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
#6a6f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2677e6 Protanopia 1% of men
#007dcf Deuteranopia 1% of men
#138791 Tritanopia 0.001% of the population

Trichromacy

#3672e3 Protanomaly 1% of men, 0.01% of women
#1e76d4 Deuteranomaly 6% of men, 0.4% of women
#2a7cad Tritanomaly 0.01% of the population

#536adf hex color

#536adf Color Information

#536adf Color Conversion

Color Schemes with #536adf

Alternatives to #536adf

#536adf Preview

Shades and Tints of #536adf

Tones of #536adf

Color Blindness Simulator