#345768 Color Information
In a RGB color space, hex #345768 is composed of 20.4% red, 34.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 16.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 199.6 degrees, a saturation of 33.3% and a lightness of 30.6%. #345768 color hex could be obtained by blending #68aed0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 34
- B 41
-
- C 50
- M 16
- Y 0
- K 59
● #345768 color description : Very dark desaturated blue.
#345768 Color Conversion
The hexadecimal color #345768 has RGB values of R:52, G:87, B:104 and CMYK values of C:0.5, M:0.16, Y:0, K:0.59. Its decimal value is 3430248.
Hex triplet | 345768 | #345768 |
---|---|---|
RGB Decimal | 52, 87, 104 | rgb(52,87,104) |
RGB Percent | 20.4, 34.1, 40.8 | rgb(20.4%,34.1%,40.8%) |
CMYK | 50, 16, 0, 59 | |
HSL | 199.6°, 33.3, 30.6 | hsl(199.6,33.3%,30.6%) |
HSV (or HSB) | 199.6°, 50, 40.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.094, -7.48, -13.709 |
---|---|
XYZ | 7.322, 8.546, 14.36 |
xyY | 0.242, 0.283, 8.546 |
CIE-LCH | 35.094, 15.617, 241.381 |
CIE-LUV | 35.094, -15.433, -17.187 |
Hunter-Lab | 29.233, -6.445, -8.661 |
Binary | 00110100, 01010111, 01101000 |
Color Schemes with #345768
Alternatives to #345768
Below, you can see some colors close to #345768. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345768 Preview
This text has a font color of #345768.
<span style="color:#345768;">Text here</span>
This paragraph has a background color of #345768.
<p style="background-color:#345768;">Content here</p>
This element has a border color of #345768.
<div style="border:1px solid #345768;">Content here</div>
.text {color:#345768;}
.background {background-color:#345768;}
.border {border:1px solid #345768;}
Shades and Tints of #345768
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, #060a0c is the darkest color, while #feffff is the lightest one.
-
#060a0c
#060a0c
rgb(6,10,12)
-
#0d151a
#0d151a
rgb(13,21,26)
-
#132027
#132027
rgb(19,32,39)
-
#1a2b34
#1a2b34
rgb(26,43,52)
-
#203641
#203641
rgb(32,54,65)
-
#27414e
#27414e
rgb(39,65,78)
-
#2d4c5b
#2d4c5b
rgb(45,76,91)
-
#345768
#345768
rgb(52,87,104)
-
#3b6275
#3b6275
rgb(59,98,117)
-
#416d82
#416d82
rgb(65,109,130)
-
#48788f
#48788f
rgb(72,120,143)
-
#4e839c
#4e839c
rgb(78,131,156)
-
#558ea9
#558ea9
rgb(85,142,169)
-
#6196b0
#6196b0
rgb(97,150,176)
-
#6f9fb7
#6f9fb7
rgb(111,159,183)
-
#7ca8bd
#7ca8bd
rgb(124,168,189)
-
#89b1c4
#89b1c4
rgb(137,177,196)
-
#96b9ca
#96b9ca
rgb(150,185,202)
-
#a3c2d1
#a3c2d1
rgb(163,194,209)
-
#b0cbd7
#b0cbd7
rgb(176,203,215)
-
#bdd3de
#bdd3de
rgb(189,211,222)
-
#cadce5
#cadce5
rgb(202,220,229)
-
#d7e5eb
#d7e5eb
rgb(215,229,235)
-
#e4edf2
#e4edf2
rgb(228,237,242)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #345768
A tone is produced by adding gray to any pure hue. In this case, #4c4f50 is the less saturated color, while #046898 is the most saturated one.
-
#4c4f50
#4c4f50
rgb(76,79,80)
-
#465156
#465156
rgb(70,81,86)
-
#40535c
#40535c
rgb(64,83,92)
-
#3a5562
#3a5562
rgb(58,85,98)
-
#345768
#345768
rgb(52,87,104)
-
#2e596e
#2e596e
rgb(46,89,110)
-
#285b74
#285b74
rgb(40,91,116)
-
#225d7a
#225d7a
rgb(34,93,122)
-
#1c5f80
#1c5f80
rgb(28,95,128)
-
#166186
#166186
rgb(22,97,134)
-
#10638c
#10638c
rgb(16,99,140)
-
#0a6692
#0a6692
rgb(10,102,146)
-
#046898
#046898
rgb(4,104,152)
Color Blindness Simulator
Below, you can see how #345768 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.