#345bc4 Color Information
In a RGB color space, hex #345bc4 is composed of 20.4% red, 35.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 53.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 223.8 degrees, a saturation of 58.1% and a lightness of 48.6%. #345bc4 color hex could be obtained by blending #68b6ff with #000089. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 77
-
- C 73
- M 54
- Y 0
- K 23
● #345bc4 color description : Moderate blue.
#345bc4 Color Conversion
The hexadecimal color #345bc4 has RGB values of R:52, G:91, B:196 and CMYK values of C:0.73, M:0.54, Y:0, K:0.23. Its decimal value is 3431364.
Hex triplet | 345bc4 | #345bc4 |
---|---|---|
RGB Decimal | 52, 91, 196 | rgb(52,91,196) |
RGB Percent | 20.4, 35.7, 76.9 | rgb(20.4%,35.7%,76.9%) |
CMYK | 73, 54, 0, 23 | |
HSL | 223.8°, 58.1, 48.6 | hsl(223.8,58.1%,48.6%) |
HSV (or HSB) | 223.8°, 73.5, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.527, 22.952, -58.909 |
---|---|
XYZ | 15.119, 12.197, 53.779 |
xyY | 0.186, 0.15, 12.197 |
CIE-LCH | 41.527, 63.222, 291.287 |
CIE-LUV | 41.527, -15.966, -87.95 |
Hunter-Lab | 34.924, 16.158, -66.854 |
Binary | 00110100, 01011011, 11000100 |
Color Schemes with #345bc4
Alternatives to #345bc4
Below, you can see some colors close to #345bc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bc4 Preview
This text has a font color of #345bc4.
<span style="color:#345bc4;">Text here</span>
This paragraph has a background color of #345bc4.
<p style="background-color:#345bc4;">Content here</p>
This element has a border color of #345bc4.
<div style="border:1px solid #345bc4;">Content here</div>
.text {color:#345bc4;}
.background {background-color:#345bc4;}
.border {border:1px solid #345bc4;}
Shades and Tints of #345bc4
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, #03050a is the darkest color, while #f9fbfe is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070c19
#070c19
rgb(7,12,25)
-
#0b1329
#0b1329
rgb(11,19,41)
-
#0f1a38
#0f1a38
rgb(15,26,56)
-
#132148
#132148
rgb(19,33,72)
-
#172957
#172957
rgb(23,41,87)
-
#1b3067
#1b3067
rgb(27,48,103)
-
#1f3776
#1f3776
rgb(31,55,118)
-
#243e86
#243e86
rgb(36,62,134)
-
#284595
#284595
rgb(40,69,149)
-
#2c4da5
#2c4da5
rgb(44,77,165)
-
#3054b4
#3054b4
rgb(48,84,180)
-
#345bc4
#345bc4
rgb(52,91,196)
-
#3f66cc
#3f66cc
rgb(63,102,204)
-
#4f72d0
#4f72d0
rgb(79,114,208)
-
#5e7ed4
#5e7ed4
rgb(94,126,212)
-
#6e8bd9
#6e8bd9
rgb(110,139,217)
-
#7d97dd
#7d97dd
rgb(125,151,221)
-
#8da4e1
#8da4e1
rgb(141,164,225)
-
#9cb0e5
#9cb0e5
rgb(156,176,229)
-
#acbce9
#acbce9
rgb(172,188,233)
-
#bbc9ed
#bbc9ed
rgb(187,201,237)
-
#cbd5f1
#cbd5f1
rgb(203,213,241)
-
#dae2f5
#dae2f5
rgb(218,226,245)
-
#eaeef9
#eaeef9
rgb(234,238,249)
-
#f9fbfe
#f9fbfe
rgb(249,251,254)
Tones of #345bc4
A tone is produced by adding gray to any pure hue. In this case, #777a81 is the less saturated color, while #0445f4 is the most saturated one.
-
#777a81
#777a81
rgb(119,122,129)
-
#6d758b
#6d758b
rgb(109,117,139)
-
#647194
#647194
rgb(100,113,148)
-
#5a6c9e
#5a6c9e
rgb(90,108,158)
-
#5168a7
#5168a7
rgb(81,104,167)
-
#4764b1
#4764b1
rgb(71,100,177)
-
#3e5fba
#3e5fba
rgb(62,95,186)
-
#345bc4
#345bc4
rgb(52,91,196)
-
#2a57ce
#2a57ce
rgb(42,87,206)
-
#2152d7
#2152d7
rgb(33,82,215)
-
#174ee1
#174ee1
rgb(23,78,225)
-
#0e4aea
#0e4aea
rgb(14,74,234)
-
#0445f4
#0445f4
rgb(4,69,244)
Color Blindness Simulator
Below, you can see how #345bc4 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.