#345af2 Color Information
In a RGB color space, hex #345af2 is composed of 20.4% red, 35.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 62.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 228 degrees, a saturation of 88% and a lightness of 57.6%. #345af2 color hex could be obtained by blending #68b4ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 95
-
- C 79
- M 63
- Y 0
- K 5
● #345af2 color description : Bright blue.
#345af2 Color Conversion
The hexadecimal color #345af2 has RGB values of R:52, G:90, B:242 and CMYK values of C:0.79, M:0.63, Y:0, K:0.05. Its decimal value is 3431154.
Hex triplet | 345af2 | #345af2 |
---|---|---|
RGB Decimal | 52, 90, 242 | rgb(52,90,242) |
RGB Percent | 20.4, 35.3, 94.9 | rgb(20.4%,35.3%,94.9%) |
CMYK | 79, 63, 0, 5 | |
HSL | 228°, 88, 57.6 | hsl(228,88%,57.6%) |
HSV (or HSB) | 228°, 78.5, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.874, 40.344, -79.688 |
---|---|
XYZ | 21.096, 14.452, 85.677 |
xyY | 0.174, 0.119, 14.452 |
CIE-LCH | 44.874, 89.318, 296.852 |
CIE-LUV | 44.874, -15.945, -119.896 |
Hunter-Lab | 38.015, 32.529, -107.014 |
Binary | 00110100, 01011010, 11110010 |
Color Schemes with #345af2
Alternatives to #345af2
Below, you can see some colors close to #345af2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345af2 Preview
This text has a font color of #345af2.
<span style="color:#345af2;">Text here</span>
This paragraph has a background color of #345af2.
<p style="background-color:#345af2;">Content here</p>
This element has a border color of #345af2.
<div style="border:1px solid #345af2;">Content here</div>
.text {color:#345af2;}
.background {background-color:#345af2;}
.border {border:1px solid #345af2;}
Shades and Tints of #345af2
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, #010512 is the darkest color, while #ffffff is the lightest one.
-
#010512
#010512
rgb(1,5,18)
-
#020925
#020925
rgb(2,9,37)
-
#040e37
#040e37
rgb(4,14,55)
-
#05124a
#05124a
rgb(5,18,74)
-
#06175c
#06175c
rgb(6,23,92)
-
#071c6e
#071c6e
rgb(7,28,110)
-
#082081
#082081
rgb(8,32,129)
-
#092593
#092593
rgb(9,37,147)
-
#0b2aa6
#0b2aa6
rgb(11,42,166)
-
#0c2eb8
#0c2eb8
rgb(12,46,184)
-
#0d33cb
#0d33cb
rgb(13,51,203)
-
#0e38dd
#0e38dd
rgb(14,56,221)
-
#0f3cef
#0f3cef
rgb(15,60,239)
-
#224bf1
#224bf1
rgb(34,75,241)
-
#345af2
#345af2
rgb(52,90,242)
-
#4669f3
#4669f3
rgb(70,105,243)
-
#5978f4
#5978f4
rgb(89,120,244)
-
#6b87f6
#6b87f6
rgb(107,135,246)
-
#7e96f7
#7e96f7
rgb(126,150,247)
-
#90a5f8
#90a5f8
rgb(144,165,248)
-
#a3b4f9
#a3b4f9
rgb(163,180,249)
-
#b5c3fa
#b5c3fa
rgb(181,195,250)
-
#c7d2fb
#c7d2fb
rgb(199,210,251)
-
#dae1fd
#dae1fd
rgb(218,225,253)
-
#ecf0fe
#ecf0fe
rgb(236,240,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #345af2
A tone is produced by adding gray to any pure hue. In this case, #8f9197 is the less saturated color, while #2c55fa is the most saturated one.
-
#8f9197
#8f9197
rgb(143,145,151)
-
#878c9f
#878c9f
rgb(135,140,159)
-
#7f87a7
#7f87a7
rgb(127,135,167)
-
#7682b0
#7682b0
rgb(118,130,176)
-
#6e7db8
#6e7db8
rgb(110,125,184)
-
#6678c0
#6678c0
rgb(102,120,192)
-
#5e73c8
#5e73c8
rgb(94,115,200)
-
#556ed1
#556ed1
rgb(85,110,209)
-
#4d69d9
#4d69d9
rgb(77,105,217)
-
#4564e1
#4564e1
rgb(69,100,225)
-
#3c5fea
#3c5fea
rgb(60,95,234)
-
#345af2
#345af2
rgb(52,90,242)
-
#2c55fa
#2c55fa
rgb(44,85,250)
Color Blindness Simulator
Below, you can see how #345af2 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.