#0677f5 Color Information
In a RGB color space, hex #0677f5 is composed of 2.4% red, 46.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 51.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 211.6 degrees, a saturation of 95.2% and a lightness of 49.2%. #0677f5 color hex could be obtained by blending #0ceeff with #0000eb. Closest websafe color is: #0066ff.
-
- R 2
- G 47
- B 96
-
- C 98
- M 51
- Y 0
- K 4
● #0677f5 color description : Vivid blue.
#0677f5 Color Conversion
The hexadecimal color #0677f5 has RGB values of R:6, G:119, B:245 and CMYK values of C:0.98, M:0.51, Y:0, K:0.04. Its decimal value is 423925.
Hex triplet | 0677f5 | #0677f5 |
---|---|---|
RGB Decimal | 6, 119, 245 | rgb(6,119,245) |
RGB Percent | 2.4, 46.7, 96.1 | rgb(2.4%,46.7%,96.1%) |
CMYK | 98, 51, 0, 4 | |
HSL | 211.6°, 95.2, 49.2 | hsl(211.6,95.2%,49.2%) |
HSV (or HSB) | 211.6°, 97.6, 96.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 51.636, 20.716, -70.376 |
---|---|
XYZ | 23.15, 19.823, 88.987 |
xyY | 0.175, 0.15, 19.823 |
CIE-LCH | 51.636, 73.362, 286.403 |
CIE-LUV | 51.636, -26.994, -110.521 |
Hunter-Lab | 44.523, 14.896, -87.336 |
Binary | 00000110, 01110111, 11110101 |
Color Schemes with #0677f5
Alternatives to #0677f5
Below, you can see some colors close to #0677f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0677f5 Preview
This text has a font color of #0677f5.
<span style="color:#0677f5;">Text here</span>
This paragraph has a background color of #0677f5.
<p style="background-color:#0677f5;">Content here</p>
This element has a border color of #0677f5.
<div style="border:1px solid #0677f5;">Content here</div>
.text {color:#0677f5;}
.background {background-color:#0677f5;}
.border {border:1px solid #0677f5;}
Shades and Tints of #0677f5
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, #00070f is the darkest color, while #fbfdff is the lightest one.
-
#00070f
#00070f
rgb(0,7,15)
-
#011122
#011122
rgb(1,17,34)
-
#011a36
#011a36
rgb(1,26,54)
-
#022349
#022349
rgb(2,35,73)
-
#022d5c
#022d5c
rgb(2,45,92)
-
#03366f
#03366f
rgb(3,54,111)
-
#033f82
#033f82
rgb(3,63,130)
-
#044995
#044995
rgb(4,73,149)
-
#0452a8
#0452a8
rgb(4,82,168)
-
#055bbc
#055bbc
rgb(5,91,188)
-
#0564cf
#0564cf
rgb(5,100,207)
-
#066ee2
#066ee2
rgb(6,110,226)
-
#0677f5
#0677f5
rgb(6,119,245)
-
#1581f9
#1581f9
rgb(21,129,249)
-
#288bfa
#288bfa
rgb(40,139,250)
-
#3c96fa
#3c96fa
rgb(60,150,250)
-
#4fa0fb
#4fa0fb
rgb(79,160,251)
-
#62aafb
#62aafb
rgb(98,170,251)
-
#75b5fc
#75b5fc
rgb(117,181,252)
-
#88bffc
#88bffc
rgb(136,191,252)
-
#9bc9fd
#9bc9fd
rgb(155,201,253)
-
#afd4fd
#afd4fd
rgb(175,212,253)
-
#c2defd
#c2defd
rgb(194,222,253)
-
#d5e8fe
#d5e8fe
rgb(213,232,254)
-
#e8f3fe
#e8f3fe
rgb(232,243,254)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #0677f5
A tone is produced by adding gray to any pure hue. In this case, #7a7d81 is the less saturated color, while #0677f5 is the most saturated one.
-
#7a7d81
#7a7d81
rgb(122,125,129)
-
#707d8b
#707d8b
rgb(112,125,139)
-
#677c94
#677c94
rgb(103,124,148)
-
#5d7c9e
#5d7c9e
rgb(93,124,158)
-
#537ba8
#537ba8
rgb(83,123,168)
-
#4a7bb1
#4a7bb1
rgb(74,123,177)
-
#407abb
#407abb
rgb(64,122,187)
-
#367ac5
#367ac5
rgb(54,122,197)
-
#2d79ce
#2d79ce
rgb(45,121,206)
-
#2379d8
#2379d8
rgb(35,121,216)
-
#1978e2
#1978e2
rgb(25,120,226)
-
#1078eb
#1078eb
rgb(16,120,235)
-
#0677f5
#0677f5
rgb(6,119,245)
Color Blindness Simulator
Below, you can see how #0677f5 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.