#6785f5 Color Information
In a RGB color space, hex #6785f5 is composed of 40.4% red, 52.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 45.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 227.3 degrees, a saturation of 87.7% and a lightness of 68.2%. #6785f5 color hex could be obtained by blending #ceffff with #000beb. Closest websafe color is: #6699ff.
-
- R 40
- G 52
- B 96
-
- C 58
- M 46
- Y 0
- K 4
● #6785f5 color description : Soft blue.
#6785f5 Color Conversion
The hexadecimal color #6785f5 has RGB values of R:103, G:133, B:245 and CMYK values of C:0.58, M:0.46, Y:0, K:0.04. Its decimal value is 6784501.
Hex triplet | 6785f5 | #6785f5 |
---|---|---|
RGB Decimal | 103, 133, 245 | rgb(103,133,245) |
RGB Percent | 40.4, 52.2, 96.1 | rgb(40.4%,52.2%,96.1%) |
CMYK | 58, 46, 0, 4 | |
HSL | 227.3°, 87.7, 68.2 | hsl(227.3,87.7%,68.2%) |
HSV (or HSB) | 227.3°, 58, 96.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.273, 22.017, -59.53 |
---|---|
XYZ | 30.459, 26.25, 89.843 |
xyY | 0.208, 0.179, 26.25 |
CIE-LCH | 58.273, 63.471, 290.296 |
CIE-LUV | 58.273, -16.83, -96.809 |
Hunter-Lab | 51.234, 16.459, -68.105 |
Binary | 01100111, 10000101, 11110101 |
Color Schemes with #6785f5
Alternatives to #6785f5
Below, you can see some colors close to #6785f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6785f5 Preview
This text has a font color of #6785f5.
<span style="color:#6785f5;">Text here</span>
This paragraph has a background color of #6785f5.
<p style="background-color:#6785f5;">Content here</p>
This element has a border color of #6785f5.
<div style="border:1px solid #6785f5;">Content here</div>
.text {color:#6785f5;}
.background {background-color:#6785f5;}
.border {border:1px solid #6785f5;}
Shades and Tints of #6785f5
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, #01040e is the darkest color, while #fafbff is the lightest one.
-
#01040e
#01040e
rgb(1,4,14)
-
#020820
#020820
rgb(2,8,32)
-
#030d32
#030d32
rgb(3,13,50)
-
#051245
#051245
rgb(5,18,69)
-
#061757
#061757
rgb(6,23,87)
-
#071c6a
#071c6a
rgb(7,28,106)
-
#08217c
#08217c
rgb(8,33,124)
-
#09258e
#09258e
rgb(9,37,142)
-
#0b2aa1
#0b2aa1
rgb(11,42,161)
-
#0c2fb3
#0c2fb3
rgb(12,47,179)
-
#0d34c6
#0d34c6
rgb(13,52,198)
-
#0e39d8
#0e39d8
rgb(14,57,216)
-
#0f3eea
#0f3eea
rgb(15,62,234)
-
#1d4af0
#1d4af0
rgb(29,74,240)
-
#3059f1
#3059f1
rgb(48,89,241)
-
#4267f3
#4267f3
rgb(66,103,243)
-
#5576f4
#5576f4
rgb(85,118,244)
-
#6785f5
#6785f5
rgb(103,133,245)
-
#7994f6
#7994f6
rgb(121,148,246)
-
#8ca3f7
#8ca3f7
rgb(140,163,247)
-
#9eb1f9
#9eb1f9
rgb(158,177,249)
-
#b1c0fa
#b1c0fa
rgb(177,192,250)
-
#c3cffb
#c3cffb
rgb(195,207,251)
-
#d5defc
#d5defc
rgb(213,222,252)
-
#e8ecfd
#e8ecfd
rgb(232,236,253)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #6785f5
A tone is produced by adding gray to any pure hue. In this case, #acadb0 is the less saturated color, while #6181fb is the most saturated one.
-
#acadb0
#acadb0
rgb(172,173,176)
-
#a5a9b7
#a5a9b7
rgb(165,169,183)
-
#9fa5bd
#9fa5bd
rgb(159,165,189)
-
#99a2c3
#99a2c3
rgb(153,162,195)
-
#939ec9
#939ec9
rgb(147,158,201)
-
#8c9bd0
#8c9bd0
rgb(140,155,208)
-
#8697d6
#8697d6
rgb(134,151,214)
-
#8093dc
#8093dc
rgb(128,147,220)
-
#7a90e2
#7a90e2
rgb(122,144,226)
-
#738ce9
#738ce9
rgb(115,140,233)
-
#6d89ef
#6d89ef
rgb(109,137,239)
-
#6785f5
#6785f5
rgb(103,133,245)
-
#6181fb
#6181fb
rgb(97,129,251)
Color Blindness Simulator
Below, you can see how #6785f5 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.