#0684fd Color Information
In a RGB color space, hex #0684fd is composed of 2.4% red, 51.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 47.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 209.4 degrees, a saturation of 98.4% and a lightness of 50.8%. #0684fd color hex could be obtained by blending #0cffff with #0009fb. Closest websafe color is: #0099ff.
-
- R 2
- G 52
- B 99
-
- C 98
- M 48
- Y 0
- K 1
● #0684fd color description : Vivid blue.
#0684fd Color Conversion
The hexadecimal color #0684fd has RGB values of R:6, G:132, B:253 and CMYK values of C:0.98, M:0.48, Y:0, K:0.01. Its decimal value is 427261.
Hex triplet | 0684fd | #0684fd |
---|---|---|
RGB Decimal | 6, 132, 253 | rgb(6,132,253) |
RGB Percent | 2.4, 51.8, 99.2 | rgb(2.4%,51.8%,99.2%) |
CMYK | 98, 48, 0, 1 | |
HSL | 209.4°, 98.4, 50.8 | hsl(209.4,98.4%,50.8%) |
HSV (or HSB) | 209.4°, 97.6, 99.2 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.716, 15.67, -68.204 |
---|---|
XYZ | 26.052, 23.631, 96.111 |
xyY | 0.179, 0.162, 23.631 |
CIE-LCH | 55.716, 69.981, 282.939 |
CIE-LUV | 55.716, -30.448, -108.908 |
Hunter-Lab | 48.611, 10.592, -83.196 |
Binary | 00000110, 10000100, 11111101 |
Color Schemes with #0684fd
Alternatives to #0684fd
Below, you can see some colors close to #0684fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0684fd Preview
This text has a font color of #0684fd.
<span style="color:#0684fd;">Text here</span>
This paragraph has a background color of #0684fd.
<p style="background-color:#0684fd;">Content here</p>
This element has a border color of #0684fd.
<div style="border:1px solid #0684fd;">Content here</div>
.text {color:#0684fd;}
.background {background-color:#0684fd;}
.border {border:1px solid #0684fd;}
Shades and Tints of #0684fd
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, #000204 is the darkest color, while #f0f7ff is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#000c17
#000c17
rgb(0,12,23)
-
#00162b
#00162b
rgb(0,22,43)
-
#01203e
#01203e
rgb(1,32,62)
-
#012a52
#012a52
rgb(1,42,82)
-
#013465
#013465
rgb(1,52,101)
-
#013e79
#013e79
rgb(1,62,121)
-
#01488c
#01488c
rgb(1,72,140)
-
#0152a0
#0152a0
rgb(1,82,160)
-
#015cb3
#015cb3
rgb(1,92,179)
-
#0266c7
#0266c7
rgb(2,102,199)
-
#0270da
#0270da
rgb(2,112,218)
-
#027aed
#027aed
rgb(2,122,237)
-
#0684fd
#0684fd
rgb(6,132,253)
-
#198efd
#198efd
rgb(25,142,253)
-
#2d97fd
#2d97fd
rgb(45,151,253)
-
#40a1fd
#40a1fd
rgb(64,161,253)
-
#54aafe
#54aafe
rgb(84,170,254)
-
#67b4fe
#67b4fe
rgb(103,180,254)
-
#7bbefe
#7bbefe
rgb(123,190,254)
-
#8ec7fe
#8ec7fe
rgb(142,199,254)
-
#a2d1fe
#a2d1fe
rgb(162,209,254)
-
#b5dbfe
#b5dbfe
rgb(181,219,254)
-
#c9e4ff
#c9e4ff
rgb(201,228,255)
-
#dceeff
#dceeff
rgb(220,238,255)
-
#f0f7ff
#f0f7ff
rgb(240,247,255)
Tones of #0684fd
A tone is produced by adding gray to any pure hue. In this case, #7a8289 is the less saturated color, while #0684fd is the most saturated one.
-
#7a8289
#7a8289
rgb(122,130,137)
-
#708293
#708293
rgb(112,130,147)
-
#67829c
#67829c
rgb(103,130,156)
-
#5d82a6
#5d82a6
rgb(93,130,166)
-
#5382b0
#5382b0
rgb(83,130,176)
-
#4a83b9
#4a83b9
rgb(74,131,185)
-
#4083c3
#4083c3
rgb(64,131,195)
-
#3683cd
#3683cd
rgb(54,131,205)
-
#2d83d6
#2d83d6
rgb(45,131,214)
-
#2383e0
#2383e0
rgb(35,131,224)
-
#1984ea
#1984ea
rgb(25,132,234)
-
#1084f3
#1084f3
rgb(16,132,243)
-
#0684fd
#0684fd
rgb(6,132,253)
Color Blindness Simulator
Below, you can see how #0684fd 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.