#345bbe Color Information
In a RGB color space, hex #345bbe is composed of 20.4% red, 35.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 52.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 223 degrees, a saturation of 57% and a lightness of 47.5%. #345bbe color hex could be obtained by blending #68b6ff with #00007d. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 75
-
- C 73
- M 52
- Y 0
- K 25
● #345bbe color description : Moderate blue.
#345bbe Color Conversion
The hexadecimal color #345bbe has RGB values of R:52, G:91, B:190 and CMYK values of C:0.73, M:0.52, Y:0, K:0.25. Its decimal value is 3431358.
Hex triplet | 345bbe | #345bbe |
---|---|---|
RGB Decimal | 52, 91, 190 | rgb(52,91,190) |
RGB Percent | 20.4, 35.7, 74.5 | rgb(20.4%,35.7%,74.5%) |
CMYK | 73, 52, 0, 25 | |
HSL | 223°, 57, 47.5 | hsl(223,57%,47.5%) |
HSV (or HSB) | 223°, 72.6, 74.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.103, 20.721, -56.107 |
---|---|
XYZ | 14.45, 11.929, 50.253 |
xyY | 0.189, 0.156, 11.929 |
CIE-LCH | 41.103, 59.811, 290.27 |
CIE-LUV | 41.103, -15.973, -83.556 |
Hunter-Lab | 34.538, 14.236, -62.09 |
Binary | 00110100, 01011011, 10111110 |
Color Schemes with #345bbe
Alternatives to #345bbe
Below, you can see some colors close to #345bbe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bbe Preview
This text has a font color of #345bbe.
<span style="color:#345bbe;">Text here</span>
This paragraph has a background color of #345bbe.
<p style="background-color:#345bbe;">Content here</p>
This element has a border color of #345bbe.
<div style="border:1px solid #345bbe;">Content here</div>
.text {color:#345bbe;}
.background {background-color:#345bbe;}
.border {border:1px solid #345bbe;}
Shades and Tints of #345bbe
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, #010205 is the darkest color, while #f5f7fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#060a15
#060a15
rgb(6,10,21)
-
#0a1124
#0a1124
rgb(10,17,36)
-
#0e1933
#0e1933
rgb(14,25,51)
-
#122043
#122043
rgb(18,32,67)
-
#162752
#162752
rgb(22,39,82)
-
#1b2f62
#1b2f62
rgb(27,47,98)
-
#1f3671
#1f3671
rgb(31,54,113)
-
#233d80
#233d80
rgb(35,61,128)
-
#274590
#274590
rgb(39,69,144)
-
#2c4c9f
#2c4c9f
rgb(44,76,159)
-
#3054af
#3054af
rgb(48,84,175)
-
#345bbe
#345bbe
rgb(52,91,190)
-
#3c64ca
#3c64ca
rgb(60,100,202)
-
#4b70ce
#4b70ce
rgb(75,112,206)
-
#5b7cd2
#5b7cd2
rgb(91,124,210)
-
#6a89d6
#6a89d6
rgb(106,137,214)
-
#7a95da
#7a95da
rgb(122,149,218)
-
#89a1df
#89a1df
rgb(137,161,223)
-
#98ade3
#98ade3
rgb(152,173,227)
-
#a8bae7
#a8bae7
rgb(168,186,231)
-
#b7c6eb
#b7c6eb
rgb(183,198,235)
-
#c7d2f0
#c7d2f0
rgb(199,210,240)
-
#d6def4
#d6def4
rgb(214,222,244)
-
#e5ebf8
#e5ebf8
rgb(229,235,248)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #345bbe
A tone is produced by adding gray to any pure hue. In this case, #75777d is the less saturated color, while #0547ed is the most saturated one.
-
#75777d
#75777d
rgb(117,119,125)
-
#6c7386
#6c7386
rgb(108,115,134)
-
#636f8f
#636f8f
rgb(99,111,143)
-
#596b99
#596b99
rgb(89,107,153)
-
#5067a2
#5067a2
rgb(80,103,162)
-
#4763ab
#4763ab
rgb(71,99,171)
-
#3d5fb5
#3d5fb5
rgb(61,95,181)
-
#345bbe
#345bbe
rgb(52,91,190)
-
#2b57c7
#2b57c7
rgb(43,87,199)
-
#2153d1
#2153d1
rgb(33,83,209)
-
#184fda
#184fda
rgb(24,79,218)
-
#0f4be3
#0f4be3
rgb(15,75,227)
-
#0547ed
#0547ed
rgb(5,71,237)
Color Blindness Simulator
Below, you can see how #345bbe 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.