#505fff Color Information
In a RGB color space, hex #505fff is composed of 31.4% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 234.9 degrees, a saturation of 100% and a lightness of 65.7%. #505fff color hex could be obtained by blending #a0beff with #0000ff. Closest websafe color is: #6666ff.
-
- R 31
- G 37
- B 100
-
- C 69
- M 63
- Y 0
- K 0
● #505fff color description : Light blue.
#505fff Color Conversion
The hexadecimal color #505fff has RGB values of R:80, G:95, B:255 and CMYK values of C:0.69, M:0.63, Y:0, K:0. Its decimal value is 5267455.
Hex triplet | 505fff | #505fff |
---|---|---|
RGB Decimal | 80, 95, 255 | rgb(80,95,255) |
RGB Percent | 31.4, 37.3, 100 | rgb(31.4%,37.3%,100%) |
CMYK | 69, 63, 0, 0 | |
HSL | 234.9°, 100, 65.7 | hsl(234.9,100%,65.7%) |
HSV (or HSB) | 234.9°, 68.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 48.396, 44.686, -81.125 |
---|---|
XYZ | 25.447, 17.108, 96.563 |
xyY | 0.183, 0.123, 17.108 |
CIE-LCH | 48.396, 92.618, 298.847 |
CIE-LUV | 48.396, -12.468, -125.224 |
Hunter-Lab | 41.362, 37.432, -109.463 |
Binary | 01010000, 01011111, 11111111 |
Color Schemes with #505fff
Alternatives to #505fff
Below, you can see some colors close to #505fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505fff Preview
This text has a font color of #505fff.
<span style="color:#505fff;">Text here</span>
This paragraph has a background color of #505fff.
<p style="background-color:#505fff;">Content here</p>
This element has a border color of #505fff.
<div style="border:1px solid #505fff;">Content here</div>
.text {color:#505fff;}
.background {background-color:#505fff;}
.border {border:1px solid #505fff;}
Shades and Tints of #505fff
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, #000002 is the darkest color, while #edeeff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#000215
#000215
rgb(0,2,21)
-
#000329
#000329
rgb(0,3,41)
-
#00053c
#00053c
rgb(0,5,60)
-
#000750
#000750
rgb(0,7,80)
-
#000964
#000964
rgb(0,9,100)
-
#000a77
#000a77
rgb(0,10,119)
-
#000c8b
#000c8b
rgb(0,12,139)
-
#000e9e
#000e9e
rgb(0,14,158)
-
#000fb2
#000fb2
rgb(0,15,178)
-
#0011c6
#0011c6
rgb(0,17,198)
-
#0013d9
#0013d9
rgb(0,19,217)
-
#0014ed
#0014ed
rgb(0,20,237)
-
#0217ff
#0217ff
rgb(2,23,255)
-
#1529ff
#1529ff
rgb(21,41,255)
-
#293bff
#293bff
rgb(41,59,255)
-
#3c4dff
#3c4dff
rgb(60,77,255)
-
#505fff
#505fff
rgb(80,95,255)
-
#6471ff
#6471ff
rgb(100,113,255)
-
#7783ff
#7783ff
rgb(119,131,255)
-
#8b95ff
#8b95ff
rgb(139,149,255)
-
#9ea7ff
#9ea7ff
rgb(158,167,255)
-
#b2b9ff
#b2b9ff
rgb(178,185,255)
-
#c6cbff
#c6cbff
rgb(198,203,255)
-
#d9ddff
#d9ddff
rgb(217,221,255)
-
#edeeff
#edeeff
rgb(237,238,255)
Tones of #505fff
A tone is produced by adding gray to any pure hue. In this case, #a1a2ae is the less saturated color, while #505fff is the most saturated one.
-
#a1a2ae
#a1a2ae
rgb(161,162,174)
-
#9a9cb5
#9a9cb5
rgb(154,156,181)
-
#9397bc
#9397bc
rgb(147,151,188)
-
#8d91c2
#8d91c2
rgb(141,145,194)
-
#868cc9
#868cc9
rgb(134,140,201)
-
#7f86d0
#7f86d0
rgb(127,134,208)
-
#7880d7
#7880d7
rgb(120,128,215)
-
#727bdd
#727bdd
rgb(114,123,221)
-
#6b75e4
#6b75e4
rgb(107,117,228)
-
#6470eb
#6470eb
rgb(100,112,235)
-
#5d6af2
#5d6af2
rgb(93,106,242)
-
#5765f8
#5765f8
rgb(87,101,248)
-
#505fff
#505fff
rgb(80,95,255)
Color Blindness Simulator
Below, you can see how #505fff 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.