#506fde Color Information
In a RGB color space, hex #506fde is composed of 31.4% red, 43.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 50% magenta, 0% yellow and 12.9% black. It has a hue angle of 226.9 degrees, a saturation of 68.3% and a lightness of 59.2%. #506fde color hex could be obtained by blending #a0deff with #0000bd. Closest websafe color is: #6666cc.
-
- R 31
- G 44
- B 87
-
- C 64
- M 50
- Y 0
- K 13
● #506fde color description : Soft blue.
#506fde Color Conversion
The hexadecimal color #506fde has RGB values of R:80, G:111, B:222 and CMYK values of C:0.64, M:0.5, Y:0, K:0.13. Its decimal value is 5271518.
Hex triplet | 506fde | #506fde |
---|---|---|
RGB Decimal | 80, 111, 222 | rgb(80,111,222) |
RGB Percent | 31.4, 43.5, 87.1 | rgb(31.4%,43.5%,87.1%) |
CMYK | 64, 50, 0, 13 | |
HSL | 226.9°, 68.3, 59.2 | hsl(226.9,68.3%,59.2%) |
HSV (or HSB) | 226.9°, 64, 87.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.914, 23.692, -60.173 |
---|---|
XYZ | 22.175, 18.347, 71.476 |
xyY | 0.198, 0.164, 18.347 |
CIE-LCH | 49.914, 64.67, 291.491 |
CIE-LUV | 49.914, -15.92, -94.549 |
Hunter-Lab | 42.833, 17.451, -68.954 |
Binary | 01010000, 01101111, 11011110 |
Color Schemes with #506fde
Alternatives to #506fde
Below, you can see some colors close to #506fde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506fde Preview
This text has a font color of #506fde.
<span style="color:#506fde;">Text here</span>
This paragraph has a background color of #506fde.
<p style="background-color:#506fde;">Content here</p>
This element has a border color of #506fde.
<div style="border:1px solid #506fde;">Content here</div>
.text {color:#506fde;}
.background {background-color:#506fde;}
.border {border:1px solid #506fde;}
Shades and Tints of #506fde
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 #f5f7fd is the lightest one.
-
#010207
#010207
rgb(1,2,7)
-
#040817
#040817
rgb(4,8,23)
-
#070e28
#070e28
rgb(7,14,40)
-
#0b1438
#0b1438
rgb(11,20,56)
-
#0e1b49
#0e1b49
rgb(14,27,73)
-
#112159
#112159
rgb(17,33,89)
-
#14276a
#14276a
rgb(20,39,106)
-
#172d7a
#172d7a
rgb(23,45,122)
-
#1a338b
#1a338b
rgb(26,51,139)
-
#1d399b
#1d399b
rgb(29,57,155)
-
#203fac
#203fac
rgb(32,63,172)
-
#2345bc
#2345bc
rgb(35,69,188)
-
#274bcd
#274bcd
rgb(39,75,205)
-
#2f54d8
#2f54d8
rgb(47,84,216)
-
#3f61db
#3f61db
rgb(63,97,219)
-
#506fde
#506fde
rgb(80,111,222)
-
#617de1
#617de1
rgb(97,125,225)
-
#718ae4
#718ae4
rgb(113,138,228)
-
#8298e7
#8298e7
rgb(130,152,231)
-
#92a5ea
#92a5ea
rgb(146,165,234)
-
#a3b3ee
#a3b3ee
rgb(163,179,238)
-
#b3c0f1
#b3c0f1
rgb(179,192,241)
-
#c4cef4
#c4cef4
rgb(196,206,244)
-
#d4dcf7
#d4dcf7
rgb(212,220,247)
-
#e5e9fa
#e5e9fa
rgb(229,233,250)
-
#f5f7fd
#f5f7fd
rgb(245,247,253)
Tones of #506fde
A tone is produced by adding gray to any pure hue. In this case, #90939e is the less saturated color, while #305dfe is the most saturated one.
-
#90939e
#90939e
rgb(144,147,158)
-
#888fa6
#888fa6
rgb(136,143,166)
-
#808aae
#808aae
rgb(128,138,174)
-
#7886b6
#7886b6
rgb(120,134,182)
-
#7081be
#7081be
rgb(112,129,190)
-
#687dc6
#687dc6
rgb(104,125,198)
-
#6078ce
#6078ce
rgb(96,120,206)
-
#5874d6
#5874d6
rgb(88,116,214)
-
#506fde
#506fde
rgb(80,111,222)
-
#486ae6
#486ae6
rgb(72,106,230)
-
#4066ee
#4066ee
rgb(64,102,238)
-
#3861f6
#3861f6
rgb(56,97,246)
-
#305dfe
#305dfe
rgb(48,93,254)
Color Blindness Simulator
Below, you can see how #506fde 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.