colorhexa.com

#506bdf hex color

In a RGB color space, hex #506bdf is composed of 31.4% red, 42% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 52% magenta, 0% yellow and 12.5% black. It has a hue angle of 228.7 degrees, a saturation of 69.1% and a lightness of 59.4%. #506bdf color hex could be obtained by blending #a0d6ff with #0000bf. Closest websafe color is: #6666cc.

- R 31
- G 42
- B 87
RGB color chart
- C 64
- M 52
- Y 0
- K 13
CMYK color chart

● #506bdf color description : Soft blue.

The hexadecimal color #506bdf has RGB values of R:80, G:107, B:223 and CMYK values of C:0.64, M:0.52, Y:0, K:0.13. Its decimal value is 5270495.

Hex triplet	506bdf	`#506bdf`
RGB Decimal	80, 107, 223	`rgb(80,107,223)`
RGB Percent	31.4, 42, 87.5	`rgb(31.4%,42%,87.5%)`
CMYK	64, 52, 0, 13
HSL	228.7°, 69.1, 59.4	`hsl(228.7,69.1%,59.4%)`
HSV (or HSB)	228.7°, 64.1, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.942, 26.523, -62.307
XYZ	21.882, 17.547, 72.042
xyY	0.196, 0.157, 17.547
CIE-LCH	48.942, 67.717, 293.059
CIE-LUV	48.942, -14.765, -97.507
Hunter-Lab	41.89, 19.939, -72.644
Binary	01010000, 01101011, 11011111

#506bdf
```
#506bdf rgb(80,107,223)
```
#dfc450
```
#dfc450 rgb(223,196,80)
```

Complementary Color

#50b3df
```
#50b3df rgb(80,179,223)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#7d50df
```
#7d50df rgb(125,80,223)
```

Analogous Color

#b3df50
```
#b3df50 rgb(179,223,80)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#df7d50
```
#df7d50 rgb(223,125,80)
```

Split Complementary Color

#6bdf50
```
#6bdf50 rgb(107,223,80)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#df506b
```
#df506b rgb(223,80,107)
```

Triadic Color

#50dfc4
```
#50dfc4 rgb(80,223,196)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#df506b
```
#df506b rgb(223,80,107)
```
#dfc450
```
#dfc450 rgb(223,196,80)
```

Tetradic Color

#2341bf
```
#2341bf rgb(35,65,191)
```
#2748d5
```
#2748d5 rgb(39,72,213)
```
#3a59db
```
#3a59db rgb(58,89,219)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#667de3
```
#667de3 rgb(102,125,227)
```
#7b8fe7
```
#7b8fe7 rgb(123,143,231)
```
#91a2eb
```
#91a2eb rgb(145,162,235)
```

Monochromatic Color

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

#508fdf
```
#508fdf rgb(80,143,223)
```
#5083df
```
#5083df rgb(80,131,223)
```
#5077df
```
#5077df rgb(80,119,223)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#505fdf
```
#505fdf rgb(80,95,223)
```
#5053df
```
#5053df rgb(80,83,223)
```
#5950df
```
#5950df rgb(89,80,223)
```

Similar Colors

Text with hexadecimal color #506bdf

This text has a font color of #506bdf.

<span style="color:#506bdf;">Text here</span>

#506bdf background color

This paragraph has a background color of #506bdf.

<p style="background-color:#506bdf;">Content here</p>

#506bdf border color

This element has a border color of #506bdf.

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

CSS codes

.text {color:#506bdf;}

.background {background-color:#506bdf;}

.border {border:1px solid #506bdf;}

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

#010207
```
#010207 rgb(1,2,7)
```
#040818
```
#040818 rgb(4,8,24)
```
#070e29
```
#070e29 rgb(7,14,41)
```
#0a1339
```
#0a1339 rgb(10,19,57)
```
#0d194a
```
#0d194a rgb(13,25,74)
```
#111e5a
```
#111e5a rgb(17,30,90)
```
#14246b
```
#14246b rgb(20,36,107)
```
#172a7b
```
#172a7b rgb(23,42,123)
```
#1a2f8c
```
#1a2f8c rgb(26,47,140)
```
#1d359d
```
#1d359d rgb(29,53,157)
```
#203aad
```
#203aad rgb(32,58,173)
```
#2340be
```
#2340be rgb(35,64,190)
```
#2646ce
```
#2646ce rgb(38,70,206)
```

Shade Color Variation

#2f4fd9
```
#2f4fd9 rgb(47,79,217)
```
#3f5ddc
```
#3f5ddc rgb(63,93,220)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#6179e2
```
#6179e2 rgb(97,121,226)
```
#7187e5
```
#7187e5 rgb(113,135,229)
```
#8295e8
```
#8295e8 rgb(130,149,232)
```
#92a3eb
```
#92a3eb rgb(146,163,235)
```
#a3b1ee
```
#a3b1ee rgb(163,177,238)
```
#b3bff1
```
#b3bff1 rgb(179,191,241)
```
#c4cdf4
```
#c4cdf4 rgb(196,205,244)
```
#d5dbf7
```
#d5dbf7 rgb(213,219,247)
```
#e5e9fa
```
#e5e9fa rgb(229,233,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#90939f
```
#90939f rgb(144,147,159)
```
#888ea7
```
#888ea7 rgb(136,142,167)
```
#8089af
```
#8089af rgb(128,137,175)
```
#7884b7
```
#7884b7 rgb(120,132,183)
```
#707fbf
```
#707fbf rgb(112,127,191)
```
#687ac7
```
#687ac7 rgb(104,122,199)
```
#6075cf
```
#6075cf rgb(96,117,207)
```
#5870d7
```
#5870d7 rgb(88,112,215)
```
#506bdf
```
#506bdf rgb(80,107,223)
```
#4866e7
```
#4866e7 rgb(72,102,231)
```
#4061ef
```
#4061ef rgb(64,97,239)
```
#385cf7
```
#385cf7 rgb(56,92,247)
```
#3057ff
```
#3057ff rgb(48,87,255)
```

Tone Color Variation

Below, you can see how #506bdf 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

#2977e5 Protanopia 1% of men
#007dcf Deuteranopia 1% of men
#008791 Tritanopia 0.001% of the population

Trichromacy

#3773e3 Protanomaly 1% of men, 0.01% of women
#1d77d5 Deuteranomaly 6% of men, 0.4% of women
#1d7dad Tritanomaly 0.01% of the population