#345a63 Color Information
In a RGB color space, hex #345a63 is composed of 20.4% red, 35.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 9.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 191.5 degrees, a saturation of 31.1% and a lightness of 29.6%. #345a63 color hex could be obtained by blending #68b4c6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 39
-
- C 47
- M 9
- Y 0
- K 61
● #345a63 color description : Very dark desaturated cyan.
#345a63 Color Conversion
The hexadecimal color #345a63 has RGB values of R:52, G:90, B:99 and CMYK values of C:0.47, M:0.09, Y:0, K:0.61. Its decimal value is 3431011.
Hex triplet | 345a63 | #345a63 |
---|---|---|
RGB Decimal | 52, 90, 99 | rgb(52,90,99) |
RGB Percent | 20.4, 35.3, 38.8 | rgb(20.4%,35.3%,38.8%) |
CMYK | 47, 9, 0, 61 | |
HSL | 191.5°, 31.1, 29.6 | hsl(191.5,31.1%,29.6%) |
HSV (or HSB) | 191.5°, 47.5, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.874, -10.828, -9.406 |
---|---|
XYZ | 7.324, 8.943, 13.144 |
xyY | 0.249, 0.304, 8.943 |
CIE-LCH | 35.874, 14.343, 220.982 |
CIE-LUV | 35.874, -16.74, -10.92 |
Hunter-Lab | 29.905, -8.617, -5.126 |
Binary | 00110100, 01011010, 01100011 |
Color Schemes with #345a63
Alternatives to #345a63
Below, you can see some colors close to #345a63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a63 Preview
This text has a font color of #345a63.
<span style="color:#345a63;">Text here</span>
This paragraph has a background color of #345a63.
<p style="background-color:#345a63;">Content here</p>
This element has a border color of #345a63.
<div style="border:1px solid #345a63;">Content here</div>
.text {color:#345a63;}
.background {background-color:#345a63;}
.border {border:1px solid #345a63;}
Shades and Tints of #345a63
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, #050809 is the darkest color, while #fbfdfd is the lightest one.
-
#050809
#050809
rgb(5,8,9)
-
#0b1416
#0b1416
rgb(11,20,22)
-
#122023
#122023
rgb(18,32,35)
-
#192b30
#192b30
rgb(25,43,48)
-
#20373c
#20373c
rgb(32,55,60)
-
#264349
#264349
rgb(38,67,73)
-
#2d4e56
#2d4e56
rgb(45,78,86)
-
#345a63
#345a63
rgb(52,90,99)
-
#3b6670
#3b6670
rgb(59,102,112)
-
#42717d
#42717d
rgb(66,113,125)
-
#487d8a
#487d8a
rgb(72,125,138)
-
#4f8996
#4f8996
rgb(79,137,150)
-
#5694a3
#5694a3
rgb(86,148,163)
-
#619eac
#619eac
rgb(97,158,172)
-
#6ea5b3
#6ea5b3
rgb(110,165,179)
-
#7badb9
#7badb9
rgb(123,173,185)
-
#87b5c0
#87b5c0
rgb(135,181,192)
-
#94bdc7
#94bdc7
rgb(148,189,199)
-
#a1c5ce
#a1c5ce
rgb(161,197,206)
-
#aecdd4
#aecdd4
rgb(174,205,212)
-
#bbd5db
#bbd5db
rgb(187,213,219)
-
#c8dde2
#c8dde2
rgb(200,221,226)
-
#d5e5e9
#d5e5e9
rgb(213,229,233)
-
#e1edef
#e1edef
rgb(225,237,239)
-
#eef5f6
#eef5f6
rgb(238,245,246)
-
#fbfdfd
#fbfdfd
rgb(251,253,253)
Tones of #345a63
A tone is produced by adding gray to any pure hue. In this case, #4b4c4c is the less saturated color, while #067791 is the most saturated one.
-
#4b4c4c
#4b4c4c
rgb(75,76,76)
-
#454f52
#454f52
rgb(69,79,82)
-
#405357
#405357
rgb(64,83,87)
-
#3a565d
#3a565d
rgb(58,86,93)
-
#345a63
#345a63
rgb(52,90,99)
-
#2e5e69
#2e5e69
rgb(46,94,105)
-
#28616f
#28616f
rgb(40,97,111)
-
#236574
#236574
rgb(35,101,116)
-
#1d687a
#1d687a
rgb(29,104,122)
-
#176c80
#176c80
rgb(23,108,128)
-
#117086
#117086
rgb(17,112,134)
-
#0b738c
#0b738c
rgb(11,115,140)
-
#067791
#067791
rgb(6,119,145)
Color Blindness Simulator
Below, you can see how #345a63 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.