#677bfa Color Information
In a RGB color space, hex #677bfa is composed of 40.4% red, 48.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 50.8% magenta, 0% yellow and 2% black. It has a hue angle of 231.8 degrees, a saturation of 93.6% and a lightness of 69.2%. #677bfa color hex could be obtained by blending #cef6ff with #0000f5. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 98
-
- C 59
- M 51
- Y 0
- K 2
● #677bfa color description : Soft blue.
#677bfa Color Conversion
The hexadecimal color #677bfa has RGB values of R:103, G:123, B:250 and CMYK values of C:0.59, M:0.51, Y:0, K:0.02. Its decimal value is 6781946.
Hex triplet | 677bfa | #677bfa |
---|---|---|
RGB Decimal | 103, 123, 250 | rgb(103,123,250) |
RGB Percent | 40.4, 48.2, 98 | rgb(40.4%,48.2%,98%) |
CMYK | 59, 51, 0, 2 | |
HSL | 231.8°, 93.6, 69.2 | hsl(231.8,93.6%,69.2%) |
HSV (or HSB) | 231.8°, 58.8, 98 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.038, 29.653, -65.885 |
---|---|
XYZ | 29.928, 23.95, 93.483 |
xyY | 0.203, 0.163, 23.95 |
CIE-LCH | 56.038, 72.25, 294.231 |
CIE-LUV | 56.038, -13.889, -106.68 |
Hunter-Lab | 48.939, 23.517, -78.998 |
Binary | 01100111, 01111011, 11111010 |
Color Schemes with #677bfa
Alternatives to #677bfa
Below, you can see some colors close to #677bfa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677bfa Preview
This text has a font color of #677bfa.
<span style="color:#677bfa;">Text here</span>
This paragraph has a background color of #677bfa.
<p style="background-color:#677bfa;">Content here</p>
This element has a border color of #677bfa.
<div style="border:1px solid #677bfa;">Content here</div>
.text {color:#677bfa;}
.background {background-color:#677bfa;}
.border {border:1px solid #677bfa;}
Shades and Tints of #677bfa
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, #010313 is the darkest color, while #ffffff is the lightest one.
-
#010313
#010313
rgb(1,3,19)
-
#010626
#010626
rgb(1,6,38)
-
#020939
#020939
rgb(2,9,57)
-
#020c4c
#020c4c
rgb(2,12,76)
-
#03105f
#03105f
rgb(3,16,95)
-
#041372
#041372
rgb(4,19,114)
-
#041685
#041685
rgb(4,22,133)
-
#051998
#051998
rgb(5,25,152)
-
#061cab
#061cab
rgb(6,28,171)
-
#061fbe
#061fbe
rgb(6,31,190)
-
#0722d1
#0722d1
rgb(7,34,209)
-
#0725e4
#0725e4
rgb(7,37,228)
-
#0829f7
#0829f7
rgb(8,41,247)
-
#1b39f8
#1b39f8
rgb(27,57,248)
-
#2e4af8
#2e4af8
rgb(46,74,248)
-
#415af9
#415af9
rgb(65,90,249)
-
#546bf9
#546bf9
rgb(84,107,249)
-
#677bfa
#677bfa
rgb(103,123,250)
-
#7a8bfb
#7a8bfb
rgb(122,139,251)
-
#8d9cfb
#8d9cfb
rgb(141,156,251)
-
#a0acfc
#a0acfc
rgb(160,172,252)
-
#b3bdfc
#b3bdfc
rgb(179,189,252)
-
#c6cdfd
#c6cdfd
rgb(198,205,253)
-
#d9defe
#d9defe
rgb(217,222,254)
-
#eceefe
#eceefe
rgb(236,238,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #677bfa
A tone is produced by adding gray to any pure hue. In this case, #afb0b2 is the less saturated color, while #677bfa is the most saturated one.
-
#afb0b2
#afb0b2
rgb(175,176,178)
-
#a9abb8
#a9abb8
rgb(169,171,184)
-
#a3a7be
#a3a7be
rgb(163,167,190)
-
#9da3c4
#9da3c4
rgb(157,163,196)
-
#979eca
#979eca
rgb(151,158,202)
-
#919ad0
#919ad0
rgb(145,154,208)
-
#8b95d6
#8b95d6
rgb(139,149,214)
-
#8591dc
#8591dc
rgb(133,145,220)
-
#7f8de2
#7f8de2
rgb(127,141,226)
-
#7988e8
#7988e8
rgb(121,136,232)
-
#7384ee
#7384ee
rgb(115,132,238)
-
#6d7ff4
#6d7ff4
rgb(109,127,244)
-
#677bfa
#677bfa
rgb(103,123,250)
Color Blindness Simulator
Below, you can see how #677bfa 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.