#345c66 Color Information
In a RGB color space, hex #345c66 is composed of 20.4% red, 36.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 9.8% magenta, 0% yellow and 60% black. It has a hue angle of 192 degrees, a saturation of 32.5% and a lightness of 30.2%. #345c66 color hex could be obtained by blending #68b8cc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 36
- B 40
-
- C 49
- M 10
- Y 0
- K 60
● #345c66 color description : Very dark desaturated cyan.
#345c66 Color Conversion
The hexadecimal color #345c66 has RGB values of R:52, G:92, B:102 and CMYK values of C:0.49, M:0.1, Y:0, K:0.6. Its decimal value is 3431526.
Hex triplet | 345c66 | #345c66 |
---|---|---|
RGB Decimal | 52, 92, 102 | rgb(52,92,102) |
RGB Percent | 20.4, 36.1, 40 | rgb(20.4%,36.1%,40%) |
CMYK | 49, 10, 0, 60 | |
HSL | 192°, 32.5, 30.2 | hsl(192,32.5%,30.2%) |
HSV (or HSB) | 192°, 49, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.637, -11.089, -10.121 |
---|---|
XYZ | 7.641, 9.343, 13.97 |
xyY | 0.247, 0.302, 9.343 |
CIE-LCH | 36.637, 15.013, 222.387 |
CIE-LUV | 36.637, -17.491, -11.938 |
Hunter-Lab | 30.567, -8.871, -5.702 |
Binary | 00110100, 01011100, 01100110 |
Color Schemes with #345c66
Alternatives to #345c66
Below, you can see some colors close to #345c66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345c66 Preview
This text has a font color of #345c66.
<span style="color:#345c66;">Text here</span>
This paragraph has a background color of #345c66.
<p style="background-color:#345c66;">Content here</p>
This element has a border color of #345c66.
<div style="border:1px solid #345c66;">Content here</div>
.text {color:#345c66;}
.background {background-color:#345c66;}
.border {border:1px solid #345c66;}
Shades and Tints of #345c66
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, #060a0b is the darkest color, while #fdfefe is the lightest one.
-
#060a0b
#060a0b
rgb(6,10,11)
-
#0c1618
#0c1618
rgb(12,22,24)
-
#132125
#132125
rgb(19,33,37)
-
#1a2d32
#1a2d32
rgb(26,45,50)
-
#20393f
#20393f
rgb(32,57,63)
-
#27454c
#27454c
rgb(39,69,76)
-
#2d5059
#2d5059
rgb(45,80,89)
-
#345c66
#345c66
rgb(52,92,102)
-
#3b6873
#3b6873
rgb(59,104,115)
-
#417380
#417380
rgb(65,115,128)
-
#487f8d
#487f8d
rgb(72,127,141)
-
#4e8b9a
#4e8b9a
rgb(78,139,154)
-
#5597a7
#5597a7
rgb(85,151,167)
-
#619faf
#619faf
rgb(97,159,175)
-
#6ea7b5
#6ea7b5
rgb(110,167,181)
-
#7bafbc
#7bafbc
rgb(123,175,188)
-
#88b7c2
#88b7c2
rgb(136,183,194)
-
#95bfc9
#95bfc9
rgb(149,191,201)
-
#a2c7d0
#a2c7d0
rgb(162,199,208)
-
#afced6
#afced6
rgb(175,206,214)
-
#bcd6dd
#bcd6dd
rgb(188,214,221)
-
#c9dee4
#c9dee4
rgb(201,222,228)
-
#d6e6ea
#d6e6ea
rgb(214,230,234)
-
#e3eef1
#e3eef1
rgb(227,238,241)
-
#f0f6f7
#f0f6f7
rgb(240,246,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #345c66
A tone is produced by adding gray to any pure hue. In this case, #4c4e4e is the less saturated color, while #057895 is the most saturated one.
-
#4c4e4e
#4c4e4e
rgb(76,78,78)
-
#465154
#465154
rgb(70,81,84)
-
#40555a
#40555a
rgb(64,85,90)
-
#3a5860
#3a5860
rgb(58,88,96)
-
#345c66
#345c66
rgb(52,92,102)
-
#2e606c
#2e606c
rgb(46,96,108)
-
#286372
#286372
rgb(40,99,114)
-
#226778
#226778
rgb(34,103,120)
-
#1c6a7e
#1c6a7e
rgb(28,106,126)
-
#166e84
#166e84
rgb(22,110,132)
-
#10718a
#10718a
rgb(16,113,138)
-
#0b758f
#0b758f
rgb(11,117,143)
-
#057895
#057895
rgb(5,120,149)
Color Blindness Simulator
Below, you can see how #345c66 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.