#345676 Color Information
In a RGB color space, hex #345676 is composed of 20.4% red, 33.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 27.1% magenta, 0% yellow and 53.7% black. It has a hue angle of 209.1 degrees, a saturation of 38.8% and a lightness of 33.3%. #345676 color hex could be obtained by blending #68acec with #000000. Closest websafe color is: #336666.
-
- R 20
- G 34
- B 46
-
- C 56
- M 27
- Y 0
- K 54
● #345676 color description : Dark moderate blue.
#345676 Color Conversion
The hexadecimal color #345676 has RGB values of R:52, G:86, B:118 and CMYK values of C:0.56, M:0.27, Y:0, K:0.54. Its decimal value is 3430006.
Hex triplet | 345676 | #345676 |
---|---|---|
RGB Decimal | 52, 86, 118 | rgb(52,86,118) |
RGB Percent | 20.4, 33.7, 46.3 | rgb(20.4%,33.7%,46.3%) |
CMYK | 56, 27, 0, 54 | |
HSL | 209.1°, 38.8, 33.3 | hsl(209.1,38.8%,33.3%) |
HSV (or HSB) | 209.1°, 55.9, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.387, -2.251, -21.964 |
---|---|
XYZ | 8.013, 8.693, 18.394 |
xyY | 0.228, 0.248, 8.693 |
CIE-LCH | 35.387, 22.079, 264.147 |
CIE-LUV | 35.387, -14.846, -29.533 |
Hunter-Lab | 29.484, -3.085, -16.35 |
Binary | 00110100, 01010110, 01110110 |
Color Schemes with #345676
Alternatives to #345676
Below, you can see some colors close to #345676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345676 Preview
This text has a font color of #345676.
<span style="color:#345676;">Text here</span>
This paragraph has a background color of #345676.
<p style="background-color:#345676;">Content here</p>
This element has a border color of #345676.
<div style="border:1px solid #345676;">Content here</div>
.text {color:#345676;}
.background {background-color:#345676;}
.border {border:1px solid #345676;}
Shades and Tints of #345676
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, #040709 is the darkest color, while #fafcfd is the lightest one.
-
#040709
#040709
rgb(4,7,9)
-
#0a1117
#0a1117
rgb(10,17,23)
-
#101a24
#101a24
rgb(16,26,36)
-
#162432
#162432
rgb(22,36,50)
-
#1c2e40
#1c2e40
rgb(28,46,64)
-
#22384d
#22384d
rgb(34,56,77)
-
#28425b
#28425b
rgb(40,66,91)
-
#2e4c68
#2e4c68
rgb(46,76,104)
-
#345676
#345676
rgb(52,86,118)
-
#3a6084
#3a6084
rgb(58,96,132)
-
#406a91
#406a91
rgb(64,106,145)
-
#46749f
#46749f
rgb(70,116,159)
-
#4c7eac
#4c7eac
rgb(76,126,172)
-
#5787b5
#5787b5
rgb(87,135,181)
-
#6591bb
#6591bb
rgb(101,145,187)
-
#729bc1
#729bc1
rgb(114,155,193)
-
#80a5c7
#80a5c7
rgb(128,165,199)
-
#8eaecd
#8eaecd
rgb(142,174,205)
-
#9bb8d3
#9bb8d3
rgb(155,184,211)
-
#a9c2d9
#a9c2d9
rgb(169,194,217)
-
#b6cbdf
#b6cbdf
rgb(182,203,223)
-
#c4d5e5
#c4d5e5
rgb(196,213,229)
-
#d2dfeb
#d2dfeb
rgb(210,223,235)
-
#dfe8f1
#dfe8f1
rgb(223,232,241)
-
#edf2f7
#edf2f7
rgb(237,242,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #345676
A tone is produced by adding gray to any pure hue. In this case, #555555 is the less saturated color, while #0657a4 is the most saturated one.
-
#555555
#555555
rgb(85,85,85)
-
#4e555c
#4e555c
rgb(78,85,92)
-
#485562
#485562
rgb(72,85,98)
-
#415669
#415669
rgb(65,86,105)
-
#3b566f
#3b566f
rgb(59,86,111)
-
#345676
#345676
rgb(52,86,118)
-
#2d567d
#2d567d
rgb(45,86,125)
-
#275683
#275683
rgb(39,86,131)
-
#20578a
#20578a
rgb(32,87,138)
-
#1a5790
#1a5790
rgb(26,87,144)
-
#135797
#135797
rgb(19,87,151)
-
#0d579d
#0d579d
rgb(13,87,157)
-
#0657a4
#0657a4
rgb(6,87,164)
Color Blindness Simulator
Below, you can see how #345676 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.