#677bff Color Information
In a RGB color space, hex #677bff is composed of 40.4% red, 48.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 51.8% magenta, 0% yellow and 0% black. It has a hue angle of 232.1 degrees, a saturation of 100% and a lightness of 70.2%. #677bff color hex could be obtained by blending #cef6ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 100
-
- C 60
- M 52
- Y 0
- K 0
● #677bff color description : Very light blue.
#677bff Color Conversion
The hexadecimal color #677bff has RGB values of R:103, G:123, B:255 and CMYK values of C:0.6, M:0.52, Y:0, K:0. Its decimal value is 6781951.
Hex triplet | 677bff | #677bff |
---|---|---|
RGB Decimal | 103, 123, 255 | rgb(103,123,255) |
RGB Percent | 40.4, 48.2, 100 | rgb(40.4%,48.2%,100%) |
CMYK | 60, 52, 0, 0 | |
HSL | 232.1°, 100, 70.2 | hsl(232.1,100%,70.2%) |
HSV (or HSB) | 232.1°, 59.6, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.355, 31.269, -68.133 |
---|---|
XYZ | 30.723, 24.268, 97.667 |
xyY | 0.201, 0.159, 24.268 |
CIE-LCH | 56.355, 74.965, 294.653 |
CIE-LUV | 56.355, -14.032, -110.449 |
Hunter-Lab | 49.263, 25.113, -83.064 |
Binary | 01100111, 01111011, 11111111 |
Color Schemes with #677bff
Alternatives to #677bff
Below, you can see some colors close to #677bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677bff Preview
This text has a font color of #677bff.
<span style="color:#677bff;">Text here</span>
This paragraph has a background color of #677bff.
<p style="background-color:#677bff;">Content here</p>
This element has a border color of #677bff.
<div style="border:1px solid #677bff;">Content here</div>
.text {color:#677bff;}
.background {background-color:#677bff;}
.border {border:1px solid #677bff;}
Shades and Tints of #677bff
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, #000105 is the darkest color, while #f0f2ff is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#000319
#000319
rgb(0,3,25)
-
#00062c
#00062c
rgb(0,6,44)
-
#000840
#000840
rgb(0,8,64)
-
#000b53
#000b53
rgb(0,11,83)
-
#000e67
#000e67
rgb(0,14,103)
-
#00107b
#00107b
rgb(0,16,123)
-
#00138e
#00138e
rgb(0,19,142)
-
#0015a2
#0015a2
rgb(0,21,162)
-
#0018b5
#0018b5
rgb(0,24,181)
-
#001ac9
#001ac9
rgb(0,26,201)
-
#001ddd
#001ddd
rgb(0,29,221)
-
#0020f0
#0020f0
rgb(0,32,240)
-
#0526ff
#0526ff
rgb(5,38,255)
-
#1937ff
#1937ff
rgb(25,55,255)
-
#2c48ff
#2c48ff
rgb(44,72,255)
-
#4059ff
#4059ff
rgb(64,89,255)
-
#536aff
#536aff
rgb(83,106,255)
-
#677bff
#677bff
rgb(103,123,255)
-
#7b8cff
#7b8cff
rgb(123,140,255)
-
#8e9dff
#8e9dff
rgb(142,157,255)
-
#a2aeff
#a2aeff
rgb(162,174,255)
-
#b5bfff
#b5bfff
rgb(181,191,255)
-
#c9d0ff
#c9d0ff
rgb(201,208,255)
-
#dde1ff
#dde1ff
rgb(221,225,255)
-
#f0f2ff
#f0f2ff
rgb(240,242,255)
Tones of #677bff
A tone is produced by adding gray to any pure hue. In this case, #adafb9 is the less saturated color, while #677bff is the most saturated one.
-
#adafb9
#adafb9
rgb(173,175,185)
-
#a7aabf
#a7aabf
rgb(167,170,191)
-
#a1a6c5
#a1a6c5
rgb(161,166,197)
-
#9ca2ca
#9ca2ca
rgb(156,162,202)
-
#969dd0
#969dd0
rgb(150,157,208)
-
#9099d6
#9099d6
rgb(144,153,214)
-
#8a95dc
#8a95dc
rgb(138,149,220)
-
#8491e2
#8491e2
rgb(132,145,226)
-
#7e8ce8
#7e8ce8
rgb(126,140,232)
-
#7988ed
#7988ed
rgb(121,136,237)
-
#7384f3
#7384f3
rgb(115,132,243)
-
#6d7ff9
#6d7ff9
rgb(109,127,249)
-
#677bff
#677bff
rgb(103,123,255)
Color Blindness Simulator
Below, you can see how #677bff 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.