#345f81 Color Information
In a RGB color space, hex #345f81 is composed of 20.4% red, 37.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 26.4% magenta, 0% yellow and 49.4% black. It has a hue angle of 206.5 degrees, a saturation of 42.5% and a lightness of 35.5%. #345f81 color hex could be obtained by blending #68beff with #000003. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 51
-
- C 60
- M 26
- Y 0
- K 49
● #345f81 color description : Dark moderate blue.
#345f81 Color Conversion
The hexadecimal color #345f81 has RGB values of R:52, G:95, B:129 and CMYK values of C:0.6, M:0.26, Y:0, K:0.49. Its decimal value is 3432321.
Hex triplet | 345f81 | #345f81 |
---|---|---|
RGB Decimal | 52, 95, 129 | rgb(52,95,129) |
RGB Percent | 20.4, 37.3, 50.6 | rgb(20.4%,37.3%,50.6%) |
CMYK | 60, 26, 0, 49 | |
HSL | 206.5°, 42.5, 35.5 | hsl(206.5,42.5%,35.5%) |
HSV (or HSB) | 206.5°, 59.7, 50.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.723, -4.08, -23.531 |
---|---|
XYZ | 9.47, 10.499, 22.295 |
xyY | 0.224, 0.248, 10.499 |
CIE-LCH | 38.723, 23.882, 260.162 |
CIE-LUV | 38.723, -18.047, -32.346 |
Hunter-Lab | 32.402, -4.534, -18.115 |
Binary | 00110100, 01011111, 10000001 |
Color Schemes with #345f81
Alternatives to #345f81
Below, you can see some colors close to #345f81. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f81 Preview
This text has a font color of #345f81.
<span style="color:#345f81;">Text here</span>
This paragraph has a background color of #345f81.
<p style="background-color:#345f81;">Content here</p>
This element has a border color of #345f81.
<div style="border:1px solid #345f81;">Content here</div>
.text {color:#345f81;}
.background {background-color:#345f81;}
.border {border:1px solid #345f81;}
Shades and Tints of #345f81
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, #010203 is the darkest color, while #f4f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#070d11
#070d11
rgb(7,13,17)
-
#0d171f
#0d171f
rgb(13,23,31)
-
#12212d
#12212d
rgb(18,33,45)
-
#182c3b
#182c3b
rgb(24,44,59)
-
#1d3649
#1d3649
rgb(29,54,73)
-
#234057
#234057
rgb(35,64,87)
-
#294a65
#294a65
rgb(41,74,101)
-
#2e5573
#2e5573
rgb(46,85,115)
-
#345f81
#345f81
rgb(52,95,129)
-
#3a698f
#3a698f
rgb(58,105,143)
-
#3f749d
#3f749d
rgb(63,116,157)
-
#457eab
#457eab
rgb(69,126,171)
-
#4c88b7
#4c88b7
rgb(76,136,183)
-
#5a91bd
#5a91bd
rgb(90,145,189)
-
#689bc2
#689bc2
rgb(104,155,194)
-
#76a4c8
#76a4c8
rgb(118,164,200)
-
#84adce
#84adce
rgb(132,173,206)
-
#92b7d3
#92b7d3
rgb(146,183,211)
-
#a0c0d9
#a0c0d9
rgb(160,192,217)
-
#aec9de
#aec9de
rgb(174,201,222)
-
#bcd3e4
#bcd3e4
rgb(188,211,228)
-
#cadcea
#cadcea
rgb(202,220,234)
-
#d8e5ef
#d8e5ef
rgb(216,229,239)
-
#e6eef5
#e6eef5
rgb(230,238,245)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #345f81
A tone is produced by adding gray to any pure hue. In this case, #575b5e is the less saturated color, while #0365b2 is the most saturated one.
-
#575b5e
#575b5e
rgb(87,91,94)
-
#505c65
#505c65
rgb(80,92,101)
-
#495d6c
#495d6c
rgb(73,93,108)
-
#425d73
#425d73
rgb(66,93,115)
-
#3b5e7a
#3b5e7a
rgb(59,94,122)
-
#345f81
#345f81
rgb(52,95,129)
-
#2d6088
#2d6088
rgb(45,96,136)
-
#26618f
#26618f
rgb(38,97,143)
-
#1f6196
#1f6196
rgb(31,97,150)
-
#18629d
#18629d
rgb(24,98,157)
-
#1163a4
#1163a4
rgb(17,99,164)
-
#0a64ab
#0a64ab
rgb(10,100,171)
-
#0365b2
#0365b2
rgb(3,101,178)
Color Blindness Simulator
Below, you can see how #345f81 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.