#677af9 Color Information
In a RGB color space, hex #677af9 is composed of 40.4% red, 47.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 51% magenta, 0% yellow and 2.4% black. It has a hue angle of 232.2 degrees, a saturation of 92.4% and a lightness of 69%. #677af9 color hex could be obtained by blending #cef4ff with #0000f3. Closest websafe color is: #6666ff.
-
- R 40
- G 48
- B 98
-
- C 59
- M 51
- Y 0
- K 2
● #677af9 color description : Soft blue.
#677af9 Color Conversion
The hexadecimal color #677af9 has RGB values of R:103, G:122, B:249 and CMYK values of C:0.59, M:0.51, Y:0, K:0.02. Its decimal value is 6781689.
Hex triplet | 677af9 | #677af9 |
---|---|---|
RGB Decimal | 103, 122, 249 | rgb(103,122,249) |
RGB Percent | 40.4, 47.8, 97.6 | rgb(40.4%,47.8%,97.6%) |
CMYK | 59, 51, 0, 2 | |
HSL | 232.2°, 92.4, 69 | hsl(232.2,92.4%,69%) |
HSV (or HSB) | 232.2°, 58.6, 97.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.726, 29.932, -65.834 |
---|---|
XYZ | 29.648, 23.641, 92.618 |
xyY | 0.203, 0.162, 23.641 |
CIE-LCH | 55.726, 72.319, 294.45 |
CIE-LUV | 55.726, -13.566, -106.487 |
Hunter-Lab | 48.622, 23.757, -78.904 |
Binary | 01100111, 01111010, 11111001 |
Color Schemes with #677af9
Alternatives to #677af9
Below, you can see some colors close to #677af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677af9 Preview
This text has a font color of #677af9.
<span style="color:#677af9;">Text here</span>
This paragraph has a background color of #677af9.
<p style="background-color:#677af9;">Content here</p>
This element has a border color of #677af9.
<div style="border:1px solid #677af9;">Content here</div>
.text {color:#677af9;}
.background {background-color:#677af9;}
.border {border:1px solid #677af9;}
Shades and Tints of #677af9
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, #010312 is the darkest color, while #fefeff is the lightest one.
-
#010312
#010312
rgb(1,3,18)
-
#010625
#010625
rgb(1,6,37)
-
#020938
#020938
rgb(2,9,56)
-
#030c4a
#030c4a
rgb(3,12,74)
-
#040f5d
#040f5d
rgb(4,15,93)
-
#041270
#041270
rgb(4,18,112)
-
#051683
#051683
rgb(5,22,131)
-
#061996
#061996
rgb(6,25,150)
-
#071ca9
#071ca9
rgb(7,28,169)
-
#071fbc
#071fbc
rgb(7,31,188)
-
#0822cf
#0822cf
rgb(8,34,207)
-
#0925e1
#0925e1
rgb(9,37,225)
-
#0a28f4
#0a28f4
rgb(10,40,244)
-
#1c38f6
#1c38f6
rgb(28,56,246)
-
#2e48f7
#2e48f7
rgb(46,72,247)
-
#4159f8
#4159f8
rgb(65,89,248)
-
#5469f8
#5469f8
rgb(84,105,248)
-
#677af9
#677af9
rgb(103,122,249)
-
#7a8bfa
#7a8bfa
rgb(122,139,250)
-
#8d9bfa
#8d9bfa
rgb(141,155,250)
-
#a0acfb
#a0acfb
rgb(160,172,251)
-
#b2bcfc
#b2bcfc
rgb(178,188,252)
-
#c5cdfd
#c5cdfd
rgb(197,205,253)
-
#d8ddfd
#d8ddfd
rgb(216,221,253)
-
#ebeefe
#ebeefe
rgb(235,238,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #677af9
A tone is produced by adding gray to any pure hue. In this case, #b0b0b0 is the less saturated color, while #677af9 is the most saturated one.
-
#b0b0b0
#b0b0b0
rgb(176,176,176)
-
#aaabb6
#aaabb6
rgb(170,171,182)
-
#a4a7bc
#a4a7bc
rgb(164,167,188)
-
#9ea2c2
#9ea2c2
rgb(158,162,194)
-
#989ec8
#989ec8
rgb(152,158,200)
-
#9299ce
#9299ce
rgb(146,153,206)
-
#8b95d5
#8b95d5
rgb(139,149,213)
-
#8590db
#8590db
rgb(133,144,219)
-
#7f8ce1
#7f8ce1
rgb(127,140,225)
-
#7987e7
#7987e7
rgb(121,135,231)
-
#7383ed
#7383ed
rgb(115,131,237)
-
#6d7ef3
#6d7ef3
rgb(109,126,243)
-
#677af9
#677af9
rgb(103,122,249)
Color Blindness Simulator
Below, you can see how #677af9 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.