#0684f5 Color Information
In a RGB color space, hex #0684f5 is composed of 2.4% red, 51.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 46.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 208.4 degrees, a saturation of 95.2% and a lightness of 49.2%. #0684f5 color hex could be obtained by blending #0cffff with #0009eb. Closest websafe color is: #0099ff.
-
- R 2
- G 52
- B 96
-
- C 98
- M 46
- Y 0
- K 4
● #0684f5 color description : Vivid blue.
#0684f5 Color Conversion
The hexadecimal color #0684f5 has RGB values of R:6, G:132, B:245 and CMYK values of C:0.98, M:0.46, Y:0, K:0.04. Its decimal value is 427253.
Hex triplet | 0684f5 | #0684f5 |
---|---|---|
RGB Decimal | 6, 132, 245 | rgb(6,132,245) |
RGB Percent | 2.4, 51.8, 96.1 | rgb(2.4%,51.8%,96.1%) |
CMYK | 98, 46, 0, 4 | |
HSL | 208.4°, 95.2, 49.2 | hsl(208.4,95.2%,49.2%) |
HSV (or HSB) | 208.4°, 97.6, 96.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.208, 12.591, -64.604 |
---|---|
XYZ | 24.804, 23.132, 89.539 |
xyY | 0.18, 0.168, 23.132 |
CIE-LCH | 55.208, 65.82, 281.028 |
CIE-LUV | 55.208, -30.796, -102.809 |
Hunter-Lab | 48.095, 7.891, -76.713 |
Binary | 00000110, 10000100, 11110101 |
Color Schemes with #0684f5
Alternatives to #0684f5
Below, you can see some colors close to #0684f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0684f5 Preview
This text has a font color of #0684f5.
<span style="color:#0684f5;">Text here</span>
This paragraph has a background color of #0684f5.
<p style="background-color:#0684f5;">Content here</p>
This element has a border color of #0684f5.
<div style="border:1px solid #0684f5;">Content here</div>
.text {color:#0684f5;}
.background {background-color:#0684f5;}
.border {border:1px solid #0684f5;}
Shades and Tints of #0684f5
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, #00080f is the darkest color, while #fbfdff is the lightest one.
-
#00080f
#00080f
rgb(0,8,15)
-
#011322
#011322
rgb(1,19,34)
-
#011d36
#011d36
rgb(1,29,54)
-
#022749
#022749
rgb(2,39,73)
-
#02315c
#02315c
rgb(2,49,92)
-
#033c6f
#033c6f
rgb(3,60,111)
-
#034682
#034682
rgb(3,70,130)
-
#045095
#045095
rgb(4,80,149)
-
#045ba8
#045ba8
rgb(4,91,168)
-
#0565bc
#0565bc
rgb(5,101,188)
-
#056fcf
#056fcf
rgb(5,111,207)
-
#067ae2
#067ae2
rgb(6,122,226)
-
#0684f5
#0684f5
rgb(6,132,245)
-
#158ef9
#158ef9
rgb(21,142,249)
-
#2897fa
#2897fa
rgb(40,151,250)
-
#3ca0fa
#3ca0fa
rgb(60,160,250)
-
#4fa9fb
#4fa9fb
rgb(79,169,251)
-
#62b3fb
#62b3fb
rgb(98,179,251)
-
#75bcfc
#75bcfc
rgb(117,188,252)
-
#88c5fc
#88c5fc
rgb(136,197,252)
-
#9bcffd
#9bcffd
rgb(155,207,253)
-
#afd8fd
#afd8fd
rgb(175,216,253)
-
#c2e1fd
#c2e1fd
rgb(194,225,253)
-
#d5ebfe
#d5ebfe
rgb(213,235,254)
-
#e8f4fe
#e8f4fe
rgb(232,244,254)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #0684f5
A tone is produced by adding gray to any pure hue. In this case, #7a7e81 is the less saturated color, while #0684f5 is the most saturated one.
-
#7a7e81
#7a7e81
rgb(122,126,129)
-
#707e8b
#707e8b
rgb(112,126,139)
-
#677f94
#677f94
rgb(103,127,148)
-
#5d7f9e
#5d7f9e
rgb(93,127,158)
-
#5380a8
#5380a8
rgb(83,128,168)
-
#4a80b1
#4a80b1
rgb(74,128,177)
-
#4081bb
#4081bb
rgb(64,129,187)
-
#3681c5
#3681c5
rgb(54,129,197)
-
#2d82ce
#2d82ce
rgb(45,130,206)
-
#2382d8
#2382d8
rgb(35,130,216)
-
#1983e2
#1983e2
rgb(25,131,226)
-
#1083eb
#1083eb
rgb(16,131,235)
-
#0684f5
#0684f5
rgb(6,132,245)
Color Blindness Simulator
Below, you can see how #0684f5 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.