#345b80 Color Information
In a RGB color space, hex #345b80 is composed of 20.4% red, 35.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 28.9% magenta, 0% yellow and 49.8% black. It has a hue angle of 209.2 degrees, a saturation of 42.2% and a lightness of 35.3%. #345b80 color hex could be obtained by blending #68b6ff with #000001. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 50
-
- C 59
- M 29
- Y 0
- K 50
● #345b80 color description : Dark moderate blue.
#345b80 Color Conversion
The hexadecimal color #345b80 has RGB values of R:52, G:91, B:128 and CMYK values of C:0.59, M:0.29, Y:0, K:0.5. Its decimal value is 3431296.
Hex triplet | 345b80 | #345b80 |
---|---|---|
RGB Decimal | 52, 91, 128 | rgb(52,91,128) |
RGB Percent | 20.4, 35.7, 50.2 | rgb(20.4%,35.7%,50.2%) |
CMYK | 59, 29, 0, 50 | |
HSL | 209.2°, 42.2, 35.3 | hsl(209.2,42.2%,35.3%) |
HSV (or HSB) | 209.2°, 59.4, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.427, -1.948, -24.941 |
---|---|
XYZ | 9.053, 9.77, 21.83 |
xyY | 0.223, 0.24, 9.77 |
CIE-LCH | 37.427, 25.016, 265.534 |
CIE-LUV | 37.427, -16.573, -34.363 |
Hunter-Lab | 31.257, -3.004, -19.527 |
Binary | 00110100, 01011011, 10000000 |
Color Schemes with #345b80
Alternatives to #345b80
Below, you can see some colors close to #345b80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345b80 Preview
This text has a font color of #345b80.
<span style="color:#345b80;">Text here</span>
This paragraph has a background color of #345b80.
<p style="background-color:#345b80;">Content here</p>
This element has a border color of #345b80.
<div style="border:1px solid #345b80;">Content here</div>
.text {color:#345b80;}
.background {background-color:#345b80;}
.border {border:1px solid #345b80;}
Shades and Tints of #345b80
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, #010202 is the darkest color, while #f4f7fa is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#070c10
#070c10
rgb(7,12,16)
-
#0c161e
#0c161e
rgb(12,22,30)
-
#12202c
#12202c
rgb(18,32,44)
-
#18293a
#18293a
rgb(24,41,58)
-
#1d3348
#1d3348
rgb(29,51,72)
-
#233d56
#233d56
rgb(35,61,86)
-
#294764
#294764
rgb(41,71,100)
-
#2e5172
#2e5172
rgb(46,81,114)
-
#345b80
#345b80
rgb(52,91,128)
-
#3a658e
#3a658e
rgb(58,101,142)
-
#3f6f9c
#3f6f9c
rgb(63,111,156)
-
#4579aa
#4579aa
rgb(69,121,170)
-
#4c83b6
#4c83b6
rgb(76,131,182)
-
#5a8cbc
#5a8cbc
rgb(90,140,188)
-
#6896c2
#6896c2
rgb(104,150,194)
-
#76a0c7
#76a0c7
rgb(118,160,199)
-
#84a9cd
#84a9cd
rgb(132,169,205)
-
#92b3d3
#92b3d3
rgb(146,179,211)
-
#a0bdd8
#a0bdd8
rgb(160,189,216)
-
#aec7de
#aec7de
rgb(174,199,222)
-
#bcd0e4
#bcd0e4
rgb(188,208,228)
-
#cadae9
#cadae9
rgb(202,218,233)
-
#d8e4ef
#d8e4ef
rgb(216,228,239)
-
#e6edf5
#e6edf5
rgb(230,237,245)
-
#f4f7fa
#f4f7fa
rgb(244,247,250)
Tones of #345b80
A tone is produced by adding gray to any pure hue. In this case, #575a5d is the less saturated color, while #045cb0 is the most saturated one.
-
#575a5d
#575a5d
rgb(87,90,93)
-
#505a64
#505a64
rgb(80,90,100)
-
#495a6b
#495a6b
rgb(73,90,107)
-
#425b72
#425b72
rgb(66,91,114)
-
#3b5b79
#3b5b79
rgb(59,91,121)
-
#345b80
#345b80
rgb(52,91,128)
-
#2d5b87
#2d5b87
rgb(45,91,135)
-
#265b8e
#265b8e
rgb(38,91,142)
-
#1f5c95
#1f5c95
rgb(31,92,149)
-
#185c9c
#185c9c
rgb(24,92,156)
-
#115ca3
#115ca3
rgb(17,92,163)
-
#0a5caa
#0a5caa
rgb(10,92,170)
-
#045cb0
#045cb0
rgb(4,92,176)
Color Blindness Simulator
Below, you can see how #345b80 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.