#345a6e Color Information
In a RGB color space, hex #345a6e is composed of 20.4% red, 35.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 18.2% magenta, 0% yellow and 56.9% black. It has a hue angle of 200.7 degrees, a saturation of 35.8% and a lightness of 31.8%. #345a6e color hex could be obtained by blending #68b4dc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 43
-
- C 53
- M 18
- Y 0
- K 57
● #345a6e color description : Very dark desaturated blue.
#345a6e Color Conversion
The hexadecimal color #345a6e has RGB values of R:52, G:90, B:110 and CMYK values of C:0.53, M:0.18, Y:0, K:0.57. Its decimal value is 3431022.
Hex triplet | 345a6e | #345a6e |
---|---|---|
RGB Decimal | 52, 90, 110 | rgb(52,90,110) |
RGB Percent | 20.4, 35.3, 43.1 | rgb(20.4%,35.3%,43.1%) |
CMYK | 53, 18, 0, 57 | |
HSL | 200.7°, 35.8, 31.8 | hsl(200.7,35.8%,31.8%) |
HSV (or HSB) | 200.7°, 52.7, 43.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.305, -7.376, -15.589 |
---|---|
XYZ | 7.886, 9.168, 16.105 |
xyY | 0.238, 0.276, 9.168 |
CIE-LCH | 36.305, 17.246, 244.679 |
CIE-LUV | 36.305, -16.52, -20.015 |
Hunter-Lab | 30.278, -6.496, -10.342 |
Binary | 00110100, 01011010, 01101110 |
Color Schemes with #345a6e
Alternatives to #345a6e
Below, you can see some colors close to #345a6e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a6e Preview
This text has a font color of #345a6e.
<span style="color:#345a6e;">Text here</span>
This paragraph has a background color of #345a6e.
<p style="background-color:#345a6e;">Content here</p>
This element has a border color of #345a6e.
<div style="border:1px solid #345a6e;">Content here</div>
.text {color:#345a6e;}
.background {background-color:#345a6e;}
.border {border:1px solid #345a6e;}
Shades and Tints of #345a6e
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, #020303 is the darkest color, while #f5f9fa is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#080e11
#080e11
rgb(8,14,17)
-
#0e191e
#0e191e
rgb(14,25,30)
-
#15242b
#15242b
rgb(21,36,43)
-
#1b2e39
#1b2e39
rgb(27,46,57)
-
#213946
#213946
rgb(33,57,70)
-
#274453
#274453
rgb(39,68,83)
-
#2e4f61
#2e4f61
rgb(46,79,97)
-
#345a6e
#345a6e
rgb(52,90,110)
-
#3a657b
#3a657b
rgb(58,101,123)
-
#417089
#417089
rgb(65,112,137)
-
#477b96
#477b96
rgb(71,123,150)
-
#4d86a3
#4d86a3
rgb(77,134,163)
-
#5590af
#5590af
rgb(85,144,175)
-
#6399b5
#6399b5
rgb(99,153,181)
-
#70a1bb
#70a1bb
rgb(112,161,187)
-
#7daac2
#7daac2
rgb(125,170,194)
-
#8bb3c8
#8bb3c8
rgb(139,179,200)
-
#98bcce
#98bcce
rgb(152,188,206)
-
#a5c4d5
#a5c4d5
rgb(165,196,213)
-
#b3cddb
#b3cddb
rgb(179,205,219)
-
#c0d6e1
#c0d6e1
rgb(192,214,225)
-
#cddee7
#cddee7
rgb(205,222,231)
-
#dae7ee
#dae7ee
rgb(218,231,238)
-
#e8f0f4
#e8f0f4
rgb(232,240,244)
-
#f5f9fa
#f5f9fa
rgb(245,249,250)
Tones of #345a6e
A tone is produced by adding gray to any pure hue. In this case, #4d5255 is the less saturated color, while #0269a0 is the most saturated one.
-
#4d5255
#4d5255
rgb(77,82,85)
-
#47545b
#47545b
rgb(71,84,91)
-
#405662
#405662
rgb(64,86,98)
-
#3a5868
#3a5868
rgb(58,88,104)
-
#345a6e
#345a6e
rgb(52,90,110)
-
#2e5c74
#2e5c74
rgb(46,92,116)
-
#285e7a
#285e7a
rgb(40,94,122)
-
#216081
#216081
rgb(33,96,129)
-
#1b6287
#1b6287
rgb(27,98,135)
-
#15648d
#15648d
rgb(21,100,141)
-
#0f6693
#0f6693
rgb(15,102,147)
-
#08689a
#08689a
rgb(8,104,154)
-
#0269a0
#0269a0
rgb(2,105,160)
Color Blindness Simulator
Below, you can see how #345a6e 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.