#345bde Color Information
In a RGB color space, hex #345bde is composed of 20.4% red, 35.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 59% magenta, 0% yellow and 12.9% black. It has a hue angle of 226.2 degrees, a saturation of 72% and a lightness of 53.7%. #345bde color hex could be obtained by blending #68b6ff with #0000bd. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 87
-
- C 77
- M 59
- Y 0
- K 13
● #345bde color description : Bright blue.
#345bde Color Conversion
The hexadecimal color #345bde has RGB values of R:52, G:91, B:222 and CMYK values of C:0.77, M:0.59, Y:0, K:0.13. Its decimal value is 3431390.
Hex triplet | 345bde | #345bde |
---|---|---|
RGB Decimal | 52, 91, 222 | rgb(52,91,222) |
RGB Percent | 20.4, 35.7, 87.1 | rgb(20.4%,35.7%,87.1%) |
CMYK | 77, 59, 0, 13 | |
HSL | 226.2°, 72, 53.7 | hsl(226.2,72%,53.7%) |
HSV (or HSB) | 226.2°, 76.6, 87.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.485, 32.524, -70.66 |
---|---|
XYZ | 18.339, 13.485, 70.74 |
xyY | 0.179, 0.131, 13.485 |
CIE-LCH | 43.485, 77.786, 294.716 |
CIE-LUV | 43.485, -16.031, -106.244 |
Hunter-Lab | 36.722, 24.882, -88.509 |
Binary | 00110100, 01011011, 11011110 |
Color Schemes with #345bde
Alternatives to #345bde
Below, you can see some colors close to #345bde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bde Preview
This text has a font color of #345bde.
<span style="color:#345bde;">Text here</span>
This paragraph has a background color of #345bde.
<p style="background-color:#345bde;">Content here</p>
This element has a border color of #345bde.
<div style="border:1px solid #345bde;">Content here</div>
.text {color:#345bde;}
.background {background-color:#345bde;}
.border {border:1px solid #345bde;}
Shades and Tints of #345bde
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, #030610 is the darkest color, while #feffff is the lightest one.
-
#030610
#030610
rgb(3,6,16)
-
#050c21
#050c21
rgb(5,12,33)
-
#081232
#081232
rgb(8,18,50)
-
#0b1843
#0b1843
rgb(11,24,67)
-
#0e1e54
#0e1e54
rgb(14,30,84)
-
#102465
#102465
rgb(16,36,101)
-
#132a76
#132a76
rgb(19,42,118)
-
#163086
#163086
rgb(22,48,134)
-
#193697
#193697
rgb(25,54,151)
-
#1b3ca8
#1b3ca8
rgb(27,60,168)
-
#1e42b9
#1e42b9
rgb(30,66,185)
-
#2148ca
#2148ca
rgb(33,72,202)
-
#244edb
#244edb
rgb(36,78,219)
-
#345bde
#345bde
rgb(52,91,222)
-
#4569e1
#4569e1
rgb(69,105,225)
-
#5676e3
#5676e3
rgb(86,118,227)
-
#6784e6
#6784e6
rgb(103,132,230)
-
#7792e9
#7792e9
rgb(119,146,233)
-
#889fec
#889fec
rgb(136,159,236)
-
#99adee
#99adee
rgb(153,173,238)
-
#aabaf1
#aabaf1
rgb(170,186,241)
-
#bbc8f4
#bbc8f4
rgb(187,200,244)
-
#ccd6f7
#ccd6f7
rgb(204,214,247)
-
#dde3f9
#dde3f9
rgb(221,227,249)
-
#eef1fc
#eef1fc
rgb(238,241,252)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #345bde
A tone is produced by adding gray to any pure hue. In this case, #86878c is the less saturated color, while #194cf9 is the most saturated one.
-
#86878c
#86878c
rgb(134,135,140)
-
#7d8295
#7d8295
rgb(125,130,149)
-
#747d9e
#747d9e
rgb(116,125,158)
-
#6a78a8
#6a78a8
rgb(106,120,168)
-
#6174b1
#6174b1
rgb(97,116,177)
-
#586fba
#586fba
rgb(88,111,186)
-
#4f6ac3
#4f6ac3
rgb(79,106,195)
-
#4665cc
#4665cc
rgb(70,101,204)
-
#3d60d5
#3d60d5
rgb(61,96,213)
-
#345bde
#345bde
rgb(52,91,222)
-
#2b56e7
#2b56e7
rgb(43,86,231)
-
#2251f0
#2251f0
rgb(34,81,240)
-
#194cf9
#194cf9
rgb(25,76,249)
Color Blindness Simulator
Below, you can see how #345bde 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.