#345bbf Color Information
In a RGB color space, hex #345bbf is composed of 20.4% red, 35.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 52.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 223.2 degrees, a saturation of 57.2% and a lightness of 47.6%. #345bbf color hex could be obtained by blending #68b6ff with #00007f. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 75
-
- C 73
- M 52
- Y 0
- K 25
● #345bbf color description : Moderate blue.
#345bbf Color Conversion
The hexadecimal color #345bbf has RGB values of R:52, G:91, B:191 and CMYK values of C:0.73, M:0.52, Y:0, K:0.25. Its decimal value is 3431359.
Hex triplet | 345bbf | #345bbf |
---|---|---|
RGB Decimal | 52, 91, 191 | rgb(52,91,191) |
RGB Percent | 20.4, 35.7, 74.9 | rgb(20.4%,35.7%,74.9%) |
CMYK | 73, 52, 0, 25 | |
HSL | 223.2°, 57.2, 47.6 | hsl(223.2,57.2%,47.6%) |
HSV (or HSB) | 223.2°, 72.8, 74.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.173, 21.093, -56.576 |
---|---|
XYZ | 14.559, 11.973, 50.831 |
xyY | 0.188, 0.155, 11.973 |
CIE-LCH | 41.173, 60.381, 290.447 |
CIE-LUV | 41.173, -15.971, -84.293 |
Hunter-Lab | 34.602, 14.553, -62.878 |
Binary | 00110100, 01011011, 10111111 |
Color Schemes with #345bbf
Alternatives to #345bbf
Below, you can see some colors close to #345bbf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bbf Preview
This text has a font color of #345bbf.
<span style="color:#345bbf;">Text here</span>
This paragraph has a background color of #345bbf.
<p style="background-color:#345bbf;">Content here</p>
This element has a border color of #345bbf.
<div style="border:1px solid #345bbf;">Content here</div>
.text {color:#345bbf;}
.background {background-color:#345bbf;}
.border {border:1px solid #345bbf;}
Shades and Tints of #345bbf
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, #020306 is the darkest color, while #f6f7fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#060a15
#060a15
rgb(6,10,21)
-
#0a1225
#0a1225
rgb(10,18,37)
-
#0e1934
#0e1934
rgb(14,25,52)
-
#122044
#122044
rgb(18,32,68)
-
#172853
#172853
rgb(23,40,83)
-
#1b2f62
#1b2f62
rgb(27,47,98)
-
#1f3672
#1f3672
rgb(31,54,114)
-
#233e81
#233e81
rgb(35,62,129)
-
#274591
#274591
rgb(39,69,145)
-
#2c4ca0
#2c4ca0
rgb(44,76,160)
-
#3054b0
#3054b0
rgb(48,84,176)
-
#345bbf
#345bbf
rgb(52,91,191)
-
#3d64ca
#3d64ca
rgb(61,100,202)
-
#4c71ce
#4c71ce
rgb(76,113,206)
-
#5b7dd2
#5b7dd2
rgb(91,125,210)
-
#6b89d7
#6b89d7
rgb(107,137,215)
-
#7a95db
#7a95db
rgb(122,149,219)
-
#8aa2df
#8aa2df
rgb(138,162,223)
-
#99aee3
#99aee3
rgb(153,174,227)
-
#a8bae7
#a8bae7
rgb(168,186,231)
-
#b8c6ec
#b8c6ec
rgb(184,198,236)
-
#c7d3f0
#c7d3f0
rgb(199,211,240)
-
#d7dff4
#d7dff4
rgb(215,223,244)
-
#e6ebf8
#e6ebf8
rgb(230,235,248)
-
#f6f7fc
#f6f7fc
rgb(246,247,252)
Tones of #345bbf
A tone is produced by adding gray to any pure hue. In this case, #75787e is the less saturated color, while #0546ee is the most saturated one.
-
#75787e
#75787e
rgb(117,120,126)
-
#6c7487
#6c7487
rgb(108,116,135)
-
#637090
#637090
rgb(99,112,144)
-
#596b9a
#596b9a
rgb(89,107,154)
-
#5067a3
#5067a3
rgb(80,103,163)
-
#4763ac
#4763ac
rgb(71,99,172)
-
#3d5fb6
#3d5fb6
rgb(61,95,182)
-
#345bbf
#345bbf
rgb(52,91,191)
-
#2b57c8
#2b57c8
rgb(43,87,200)
-
#2153d2
#2153d2
rgb(33,83,210)
-
#184fdb
#184fdb
rgb(24,79,219)
-
#0f4be4
#0f4be4
rgb(15,75,228)
-
#0546ee
#0546ee
rgb(5,70,238)
Color Blindness Simulator
Below, you can see how #345bbf 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.