#0677f4 Color Information
In a RGB color space, hex #0677f4 is composed of 2.4% red, 46.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 51.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 211.5 degrees, a saturation of 95.2% and a lightness of 49%. #0677f4 color hex could be obtained by blending #0ceeff with #0000e9. Closest websafe color is: #0066ff.
-
- R 2
- G 47
- B 96
-
- C 98
- M 51
- Y 0
- K 4
● #0677f4 color description : Vivid blue.
#0677f4 Color Conversion
The hexadecimal color #0677f4 has RGB values of R:6, G:119, B:244 and CMYK values of C:0.98, M:0.51, Y:0, K:0.04. Its decimal value is 423924.
Hex triplet | 0677f4 | #0677f4 |
---|---|---|
RGB Decimal | 6, 119, 244 | rgb(6,119,244) |
RGB Percent | 2.4, 46.7, 95.7 | rgb(2.4%,46.7%,95.7%) |
CMYK | 98, 51, 0, 4 | |
HSL | 211.5°, 95.2, 49 | hsl(211.5,95.2%,49%) |
HSV (or HSB) | 211.5°, 97.5, 95.7 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 51.567, 20.329, -69.932 |
---|---|
XYZ | 22.997, 19.762, 88.185 |
xyY | 0.176, 0.151, 19.762 |
CIE-LCH | 51.567, 72.827, 286.209 |
CIE-LUV | 51.567, -27.028, -109.791 |
Hunter-Lab | 44.454, 14.547, -86.497 |
Binary | 00000110, 01110111, 11110100 |
Color Schemes with #0677f4
Alternatives to #0677f4
Below, you can see some colors close to #0677f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0677f4 Preview
This text has a font color of #0677f4.
<span style="color:#0677f4;">Text here</span>
This paragraph has a background color of #0677f4.
<p style="background-color:#0677f4;">Content here</p>
This element has a border color of #0677f4.
<div style="border:1px solid #0677f4;">Content here</div>
.text {color:#0677f4;}
.background {background-color:#0677f4;}
.border {border:1px solid #0677f4;}
Shades and Tints of #0677f4
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, #00070e is the darkest color, while #fafcff is the lightest one.
-
#00070e
#00070e
rgb(0,7,14)
-
#011021
#011021
rgb(1,16,33)
-
#011a35
#011a35
rgb(1,26,53)
-
#022348
#022348
rgb(2,35,72)
-
#022c5b
#022c5b
rgb(2,44,91)
-
#03366e
#03366e
rgb(3,54,110)
-
#033f81
#033f81
rgb(3,63,129)
-
#044894
#044894
rgb(4,72,148)
-
#0452a7
#0452a7
rgb(4,82,167)
-
#055bbb
#055bbb
rgb(5,91,187)
-
#0564ce
#0564ce
rgb(5,100,206)
-
#066ee1
#066ee1
rgb(6,110,225)
-
#0677f4
#0677f4
rgb(6,119,244)
-
#1481f9
#1481f9
rgb(20,129,249)
-
#288bfa
#288bfa
rgb(40,139,250)
-
#3b96fa
#3b96fa
rgb(59,150,250)
-
#4ea0fb
#4ea0fb
rgb(78,160,251)
-
#61aafb
#61aafb
rgb(97,170,251)
-
#74b4fc
#74b4fc
rgb(116,180,252)
-
#87bffc
#87bffc
rgb(135,191,252)
-
#9ac9fd
#9ac9fd
rgb(154,201,253)
-
#aed3fd
#aed3fd
rgb(174,211,253)
-
#c1defd
#c1defd
rgb(193,222,253)
-
#d4e8fe
#d4e8fe
rgb(212,232,254)
-
#e7f2fe
#e7f2fe
rgb(231,242,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #0677f4
A tone is produced by adding gray to any pure hue. In this case, #797d81 is the less saturated color, while #0677f4 is the most saturated one.
-
#797d81
#797d81
rgb(121,125,129)
-
#707c8a
#707c8a
rgb(112,124,138)
-
#667c94
#667c94
rgb(102,124,148)
-
#5d7b9d
#5d7b9d
rgb(93,123,157)
-
#537ba7
#537ba7
rgb(83,123,167)
-
#497ab1
#497ab1
rgb(73,122,177)
-
#407aba
#407aba
rgb(64,122,186)
-
#3679c4
#3679c4
rgb(54,121,196)
-
#2c79ce
#2c79ce
rgb(44,121,206)
-
#2378d7
#2378d7
rgb(35,120,215)
-
#1978e1
#1978e1
rgb(25,120,225)
-
#1077ea
#1077ea
rgb(16,119,234)
-
#0677f4
#0677f4
rgb(6,119,244)
Color Blindness Simulator
Below, you can see how #0677f4 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.