#0684c4 Color Information
In a RGB color space, hex #0684c4 is composed of 2.4% red, 51.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 32.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 200.2 degrees, a saturation of 94.1% and a lightness of 39.6%. #0684c4 color hex could be obtained by blending #0cffff with #000989. Closest websafe color is: #0099cc.
-
- R 2
- G 52
- B 77
-
- C 97
- M 33
- Y 0
- K 23
● #0684c4 color description : Strong blue.
#0684c4 Color Conversion
The hexadecimal color #0684c4 has RGB values of R:6, G:132, B:196 and CMYK values of C:0.97, M:0.33, Y:0, K:0.23. Its decimal value is 427204.
Hex triplet | 0684c4 | #0684c4 |
---|---|---|
RGB Decimal | 6, 132, 196 | rgb(6,132,196) |
RGB Percent | 2.4, 51.8, 76.9 | rgb(2.4%,51.8%,76.9%) |
CMYK | 97, 33, 0, 23 | |
HSL | 200.2°, 94.1, 39.6 | hsl(200.2,94.1%,39.6%) |
HSV (or HSB) | 200.2°, 96.9, 76.9 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 52.426, -6.285, -41.517 |
---|---|
XYZ | 18.288, 20.525, 55.219 |
xyY | 0.194, 0.218, 20.525 |
CIE-LCH | 52.426, 41.99, 261.392 |
CIE-LUV | 52.426, -33.467, -63.207 |
Hunter-Lab | 45.305, -7.229, -40.552 |
Binary | 00000110, 10000100, 11000100 |
Color Schemes with #0684c4
Alternatives to #0684c4
Below, you can see some colors close to #0684c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0684c4 Preview
This text has a font color of #0684c4.
<span style="color:#0684c4;">Text here</span>
This paragraph has a background color of #0684c4.
<p style="background-color:#0684c4;">Content here</p>
This element has a border color of #0684c4.
<div style="border:1px solid #0684c4;">Content here</div>
.text {color:#0684c4;}
.background {background-color:#0684c4;}
.border {border:1px solid #0684c4;}
Shades and Tints of #0684c4
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, #000406 is the darkest color, while #f2faff is the lightest one.
-
#000406
#000406
rgb(0,4,6)
-
#011119
#011119
rgb(1,17,25)
-
#011d2c
#011d2c
rgb(1,29,44)
-
#022a3f
#022a3f
rgb(2,42,63)
-
#033752
#033752
rgb(3,55,82)
-
#034465
#034465
rgb(3,68,101)
-
#045178
#045178
rgb(4,81,120)
-
#045e8b
#045e8b
rgb(4,94,139)
-
#056a9e
#056a9e
rgb(5,106,158)
-
#0577b1
#0577b1
rgb(5,119,177)
-
#0684c4
#0684c4
rgb(6,132,196)
-
#0791d7
#0791d7
rgb(7,145,215)
-
#079eea
#079eea
rgb(7,158,234)
-
#0da9f8
#0da9f8
rgb(13,169,248)
-
#20aff8
#20aff8
rgb(32,175,248)
-
#33b6f9
#33b6f9
rgb(51,182,249)
-
#46bdf9
#46bdf9
rgb(70,189,249)
-
#59c4fa
#59c4fa
rgb(89,196,250)
-
#6ccbfb
#6ccbfb
rgb(108,203,251)
-
#7fd1fb
#7fd1fb
rgb(127,209,251)
-
#92d8fc
#92d8fc
rgb(146,216,252)
-
#a6dffc
#a6dffc
rgb(166,223,252)
-
#b9e6fd
#b9e6fd
rgb(185,230,253)
-
#ccedfd
#ccedfd
rgb(204,237,253)
-
#dff3fe
#dff3fe
rgb(223,243,254)
-
#f2faff
#f2faff
rgb(242,250,255)
Tones of #0684c4
A tone is produced by adding gray to any pure hue. In this case, #636667 is the less saturated color, while #0684c4 is the most saturated one.
-
#636667
#636667
rgb(99,102,103)
-
#5b686f
#5b686f
rgb(91,104,111)
-
#546b76
#546b76
rgb(84,107,118)
-
#4c6d7e
#4c6d7e
rgb(76,109,126)
-
#447086
#447086
rgb(68,112,134)
-
#3c728e
#3c728e
rgb(60,114,142)
-
#357595
#357595
rgb(53,117,149)
-
#2d779d
#2d779d
rgb(45,119,157)
-
#257aa5
#257aa5
rgb(37,122,165)
-
#1d7cad
#1d7cad
rgb(29,124,173)
-
#167fb4
#167fb4
rgb(22,127,180)
-
#0e81bc
#0e81bc
rgb(14,129,188)
-
#0684c4
#0684c4
rgb(6,132,196)
Color Blindness Simulator
Below, you can see how #0684c4 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.