#345fa5 Color Information
In a RGB color space, hex #345fa5 is composed of 20.4% red, 37.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 42.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.2 degrees, a saturation of 52.1% and a lightness of 42.5%. #345fa5 color hex could be obtained by blending #68beff with #00004b. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 65
-
- C 68
- M 42
- Y 0
- K 35
● #345fa5 color description : Dark moderate blue.
#345fa5 Color Conversion
The hexadecimal color #345fa5 has RGB values of R:52, G:95, B:165 and CMYK values of C:0.68, M:0.42, Y:0, K:0.35. Its decimal value is 3432357.
Hex triplet | 345fa5 | #345fa5 |
---|---|---|
RGB Decimal | 52, 95, 165 | rgb(52,95,165) |
RGB Percent | 20.4, 37.3, 64.7 | rgb(20.4%,37.3%,64.7%) |
CMYK | 68, 42, 0, 35 | |
HSL | 217.2°, 52.1, 42.5 | hsl(217.2,52.1%,42.5%) |
HSV (or HSB) | 217.2°, 68.5, 64.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.622, 8.833, -42.181 |
---|---|
XYZ | 12.298, 11.63, 37.192 |
xyY | 0.201, 0.19, 11.63 |
CIE-LCH | 40.622, 43.096, 281.827 |
CIE-LUV | 40.622, -17.397, -62.037 |
Hunter-Lab | 34.103, 4.691, -40.788 |
Binary | 00110100, 01011111, 10100101 |
Color Schemes with #345fa5
Alternatives to #345fa5
Below, you can see some colors close to #345fa5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fa5 Preview
This text has a font color of #345fa5.
<span style="color:#345fa5;">Text here</span>
This paragraph has a background color of #345fa5.
<p style="background-color:#345fa5;">Content here</p>
This element has a border color of #345fa5.
<div style="border:1px solid #345fa5;">Content here</div>
.text {color:#345fa5;}
.background {background-color:#345fa5;}
.border {border:1px solid #345fa5;}
Shades and Tints of #345fa5
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, #000101 is the darkest color, while #f1f5fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050910
#050910
rgb(5,9,16)
-
#0a121f
#0a121f
rgb(10,18,31)
-
#0e1a2e
#0e1a2e
rgb(14,26,46)
-
#13233d
#13233d
rgb(19,35,61)
-
#182b4c
#182b4c
rgb(24,43,76)
-
#1c345a
#1c345a
rgb(28,52,90)
-
#213d69
#213d69
rgb(33,61,105)
-
#264578
#264578
rgb(38,69,120)
-
#2b4e87
#2b4e87
rgb(43,78,135)
-
#2f5696
#2f5696
rgb(47,86,150)
-
#345fa5
#345fa5
rgb(52,95,165)
-
#3968b4
#3968b4
rgb(57,104,180)
-
#3e70c2
#3e70c2
rgb(62,112,194)
-
#4d7bc7
#4d7bc7
rgb(77,123,199)
-
#5c86cc
#5c86cc
rgb(92,134,204)
-
#6b91d0
#6b91d0
rgb(107,145,208)
-
#7a9cd5
#7a9cd5
rgb(122,156,213)
-
#89a7da
#89a7da
rgb(137,167,218)
-
#98b2de
#98b2de
rgb(152,178,222)
-
#a6bee3
#a6bee3
rgb(166,190,227)
-
#b5c9e8
#b5c9e8
rgb(181,201,232)
-
#c4d4ec
#c4d4ec
rgb(196,212,236)
-
#d3dff1
#d3dff1
rgb(211,223,241)
-
#e2eaf6
#e2eaf6
rgb(226,234,246)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #345fa5
A tone is produced by adding gray to any pure hue. In this case, #666b73 is the less saturated color, while #0253d7 is the most saturated one.
-
#666b73
#666b73
rgb(102,107,115)
-
#5e697b
#5e697b
rgb(94,105,123)
-
#556784
#556784
rgb(85,103,132)
-
#4d658c
#4d658c
rgb(77,101,140)
-
#456394
#456394
rgb(69,99,148)
-
#3c619d
#3c619d
rgb(60,97,157)
-
#345fa5
#345fa5
rgb(52,95,165)
-
#2c5dad
#2c5dad
rgb(44,93,173)
-
#235bb6
#235bb6
rgb(35,91,182)
-
#1b59be
#1b59be
rgb(27,89,190)
-
#1357c6
#1357c6
rgb(19,87,198)
-
#0a55cf
#0a55cf
rgb(10,85,207)
-
#0253d7
#0253d7
rgb(2,83,215)
Color Blindness Simulator
Below, you can see how #345fa5 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.