#345fc3 Color Information
In a RGB color space, hex #345fc3 is composed of 20.4% red, 37.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 51.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 222 degrees, a saturation of 57.9% and a lightness of 48.4%. #345fc3 color hex could be obtained by blending #68beff with #000087. Closest websafe color is: #3366cc.
-
- R 20
- G 37
- B 76
-
- C 73
- M 51
- Y 0
- K 24
● #345fc3 color description : Moderate blue.
#345fc3 Color Conversion
The hexadecimal color #345fc3 has RGB values of R:52, G:95, B:195 and CMYK values of C:0.73, M:0.51, Y:0, K:0.24. Its decimal value is 3432387.
Hex triplet | 345fc3 | #345fc3 |
---|---|---|
RGB Decimal | 52, 95, 195 | rgb(52,95,195) |
RGB Percent | 20.4, 37.3, 76.5 | rgb(20.4%,37.3%,76.5%) |
CMYK | 73, 51, 0, 24 | |
HSL | 222°, 57.9, 48.4 | hsl(222,57.9%,48.4%) |
HSV (or HSB) | 222°, 73.3, 76.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.542, 19.991, -56.687 |
---|---|
XYZ | 15.357, 12.854, 53.298 |
xyY | 0.188, 0.158, 12.854 |
CIE-LCH | 42.542, 60.109, 289.425 |
CIE-LUV | 42.542, -17.114, -85.185 |
Hunter-Lab | 35.852, 13.717, -63.046 |
Binary | 00110100, 01011111, 11000011 |
Color Schemes with #345fc3
Alternatives to #345fc3
Below, you can see some colors close to #345fc3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fc3 Preview
This text has a font color of #345fc3.
<span style="color:#345fc3;">Text here</span>
This paragraph has a background color of #345fc3.
<p style="background-color:#345fc3;">Content here</p>
This element has a border color of #345fc3.
<div style="border:1px solid #345fc3;">Content here</div>
.text {color:#345fc3;}
.background {background-color:#345fc3;}
.border {border:1px solid #345fc3;}
Shades and Tints of #345fc3
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, #020409 is the darkest color, while #f9fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#070c19
#070c19
rgb(7,12,25)
-
#0b1428
#0b1428
rgb(11,20,40)
-
#0f1b38
#0f1b38
rgb(15,27,56)
-
#132347
#132347
rgb(19,35,71)
-
#172a57
#172a57
rgb(23,42,87)
-
#1b3266
#1b3266
rgb(27,50,102)
-
#1f3976
#1f3976
rgb(31,57,118)
-
#234185
#234185
rgb(35,65,133)
-
#284895
#284895
rgb(40,72,149)
-
#2c50a4
#2c50a4
rgb(44,80,164)
-
#3057b4
#3057b4
rgb(48,87,180)
-
#345fc3
#345fc3
rgb(52,95,195)
-
#3f69cc
#3f69cc
rgb(63,105,204)
-
#4e75d0
#4e75d0
rgb(78,117,208)
-
#5e81d4
#5e81d4
rgb(94,129,212)
-
#6d8dd8
#6d8dd8
rgb(109,141,216)
-
#7d9adc
#7d9adc
rgb(125,154,220)
-
#8ca6e0
#8ca6e0
rgb(140,166,224)
-
#9cb2e5
#9cb2e5
rgb(156,178,229)
-
#abbee9
#abbee9
rgb(171,190,233)
-
#bbcaed
#bbcaed
rgb(187,202,237)
-
#cad6f1
#cad6f1
rgb(202,214,241)
-
#dae2f5
#dae2f5
rgb(218,226,245)
-
#e9eef9
#e9eef9
rgb(233,238,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #345fc3
A tone is produced by adding gray to any pure hue. In this case, #777a81 is the less saturated color, while #054cf3 is the most saturated one.
-
#777a81
#777a81
rgb(119,122,129)
-
#6d768a
#6d768a
rgb(109,118,138)
-
#647294
#647294
rgb(100,114,148)
-
#5a6e9d
#5a6e9d
rgb(90,110,157)
-
#516aa7
#516aa7
rgb(81,106,167)
-
#4767b0
#4767b0
rgb(71,103,176)
-
#3e63ba
#3e63ba
rgb(62,99,186)
-
#345fc3
#345fc3
rgb(52,95,195)
-
#2b5bcd
#2b5bcd
rgb(43,91,205)
-
#2157d6
#2157d6
rgb(33,87,214)
-
#1854e0
#1854e0
rgb(24,84,224)
-
#0e50e9
#0e50e9
rgb(14,80,233)
-
#054cf3
#054cf3
rgb(5,76,243)
Color Blindness Simulator
Below, you can see how #345fc3 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.