#345aea Color Information
In a RGB color space, hex #345aea is composed of 20.4% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 227.5 degrees, a saturation of 81.3% and a lightness of 56.1%. #345aea color hex could be obtained by blending #68b4ff with #0000d5. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 92
-
- C 78
- M 62
- Y 0
- K 8
● #345aea color description : Bright blue.
#345aea Color Conversion
The hexadecimal color #345aea has RGB values of R:52, G:90, B:234 and CMYK values of C:0.78, M:0.62, Y:0, K:0.08. Its decimal value is 3431146.
Hex triplet | 345aea | #345aea |
---|---|---|
RGB Decimal | 52, 90, 234 | rgb(52,90,234) |
RGB Percent | 20.4, 35.3, 91.8 | rgb(20.4%,35.3%,91.8%) |
CMYK | 78, 62, 0, 8 | |
HSL | 227.5°, 81.3, 56.1 | hsl(227.5,81.3%,56.1%) |
HSV (or HSB) | 227.5°, 77.8, 91.8 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.206, 37.49, -76.279 |
---|---|
XYZ | 19.921, 13.981, 79.486 |
xyY | 0.176, 0.123, 13.981 |
CIE-LCH | 44.206, 84.995, 296.174 |
CIE-LUV | 44.206, -15.87, -114.661 |
Hunter-Lab | 37.392, 29.66, -99.862 |
Binary | 00110100, 01011010, 11101010 |
Color Schemes with #345aea
Alternatives to #345aea
Below, you can see some colors close to #345aea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345aea Preview
This text has a font color of #345aea.
<span style="color:#345aea;">Text here</span>
This paragraph has a background color of #345aea.
<p style="background-color:#345aea;">Content here</p>
This element has a border color of #345aea.
<div style="border:1px solid #345aea;">Content here</div>
.text {color:#345aea;}
.background {background-color:#345aea;}
.border {border:1px solid #345aea;}
Shades and Tints of #345aea
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, #01030a is the darkest color, while #f8f9fe is the lightest one.
-
#01030a
#01030a
rgb(1,3,10)
-
#03081c
#03081c
rgb(3,8,28)
-
#050d2e
#050d2e
rgb(5,13,46)
-
#071240
#071240
rgb(7,18,64)
-
#081851
#081851
rgb(8,24,81)
-
#0a1d63
#0a1d63
rgb(10,29,99)
-
#0c2275
#0c2275
rgb(12,34,117)
-
#0e2787
#0e2787
rgb(14,39,135)
-
#102c99
#102c99
rgb(16,44,153)
-
#1231aa
#1231aa
rgb(18,49,170)
-
#1337bc
#1337bc
rgb(19,55,188)
-
#153cce
#153cce
rgb(21,60,206)
-
#1741e0
#1741e0
rgb(23,65,224)
-
#224ce8
#224ce8
rgb(34,76,232)
-
#345aea
#345aea
rgb(52,90,234)
-
#4668ec
#4668ec
rgb(70,104,236)
-
#5877ee
#5877ee
rgb(88,119,238)
-
#6985f0
#6985f0
rgb(105,133,240)
-
#7b94f1
#7b94f1
rgb(123,148,241)
-
#8da2f3
#8da2f3
rgb(141,162,243)
-
#9fb1f5
#9fb1f5
rgb(159,177,245)
-
#b0bff7
#b0bff7
rgb(176,191,247)
-
#c2cef9
#c2cef9
rgb(194,206,249)
-
#d4dcfb
#d4dcfb
rgb(212,220,251)
-
#e6eafc
#e6eafc
rgb(230,234,252)
-
#f8f9fe
#f8f9fe
rgb(248,249,254)
Tones of #345aea
A tone is produced by adding gray to any pure hue. In this case, #8a8c94 is the less saturated color, while #2350fb is the most saturated one.
-
#8a8c94
#8a8c94
rgb(138,140,148)
-
#82879c
#82879c
rgb(130,135,156)
-
#7982a5
#7982a5
rgb(121,130,165)
-
#707dae
#707dae
rgb(112,125,174)
-
#6878b6
#6878b6
rgb(104,120,182)
-
#5f73bf
#5f73bf
rgb(95,115,191)
-
#566ec8
#566ec8
rgb(86,110,200)
-
#4e69d0
#4e69d0
rgb(78,105,208)
-
#4564d9
#4564d9
rgb(69,100,217)
-
#3d5fe1
#3d5fe1
rgb(61,95,225)
-
#345aea
#345aea
rgb(52,90,234)
-
#2b55f3
#2b55f3
rgb(43,85,243)
-
#2350fb
#2350fb
rgb(35,80,251)
Color Blindness Simulator
Below, you can see how #345aea 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.