#345af0 hex color

In a RGB color space, hex #345af0 is composed of 20.4% red, 35.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 62.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 227.9 degrees, a saturation of 86.2% and a lightness of 57.3%. #345af0 color hex could be obtained by blending #68b4ff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 35
- B 94
RGB color chart
- C 78
- M 63
- Y 0
- K 6
CMYK color chart

● #345af0 color description : Bright blue.

The hexadecimal color #345af0 has RGB values of R:52, G:90, B:240 and CMYK values of C:0.78, M:0.63, Y:0, K:0.06. Its decimal value is 3431152.

Hex triplet	345af0	`#345af0`
RGB Decimal	52, 90, 240	`rgb(52,90,240)`
RGB Percent	20.4, 35.3, 94.1	`rgb(20.4%,35.3%,94.1%)`
CMYK	78, 63, 0, 6
HSL	227.9°, 86.2, 57.3	`hsl(227.9,86.2%,57.3%)`
HSV (or HSB)	227.9°, 78.3, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.706, 39.633, -78.84
XYZ	20.797, 14.332, 84.104
xyY	0.174, 0.12, 14.332
CIE-LCH	44.706, 88.242, 296.689
CIE-LUV	44.706, -15.925, -118.596
Hunter-Lab	37.858, 31.808, -105.216
Binary	00110100, 01011010, 11110000

#345af0
```
#345af0 rgb(52,90,240)
```
#f0ca34
```
#f0ca34 rgb(240,202,52)
```

Complementary Color

#34b8f0
```
#34b8f0 rgb(52,184,240)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#6c34f0
```
#6c34f0 rgb(108,52,240)
```

Analogous Color

#b8f034
```
#b8f034 rgb(184,240,52)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#f06c34
```
#f06c34 rgb(240,108,52)
```

Split Complementary Color

#5af034
```
#5af034 rgb(90,240,52)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#f0345a
```
#f0345a rgb(240,52,90)
```

Triadic Color

#34f0ca
```
#34f0ca rgb(52,240,202)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#f0345a
```
#f0345a rgb(240,52,90)
```
#f0ca34
```
#f0ca34 rgb(240,202,52)
```

Tetradic Color

#0f34c9
```
#0f34c9 rgb(15,52,201)
```
#113be0
```
#113be0 rgb(17,59,224)
```
#1c47ee
```
#1c47ee rgb(28,71,238)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#4c6df2
```
#4c6df2 rgb(76,109,242)
```
#6381f4
```
#6381f4 rgb(99,129,244)
```
#7b94f5
```
#7b94f5 rgb(123,148,245)
```

Monochromatic Color

Below, you can see some colors close to #345af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3489f0
```
#3489f0 rgb(52,137,240)
```
#3479f0
```
#3479f0 rgb(52,121,240)
```
#346af0
```
#346af0 rgb(52,106,240)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#344af0
```
#344af0 rgb(52,74,240)
```
#343bf0
```
#343bf0 rgb(52,59,240)
```
#3d34f0
```
#3d34f0 rgb(61,52,240)
```

Similar Colors

Text with hexadecimal color #345af0

This text has a font color of #345af0.

<span style="color:#345af0;">Text here</span>

#345af0 background color

This paragraph has a background color of #345af0.

<p style="background-color:#345af0;">Content here</p>

#345af0 border color

This element has a border color of #345af0.

<div style="border:1px solid #345af0;">Content here</div>

CSS codes

.text {color:#345af0;}

.background {background-color:#345af0;}

.border {border:1px solid #345af0;}

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, #010410 is the darkest color, while #fdfdff is the lightest one.

#010410
```
#010410 rgb(1,4,16)
```
#030922
```
#030922 rgb(3,9,34)
```
#040e35
```
#040e35 rgb(4,14,53)
```
#051347
```
#051347 rgb(5,19,71)
```
#071759
```
#071759 rgb(7,23,89)
```
#081c6c
```
#081c6c rgb(8,28,108)
```
#09217e
```
#09217e rgb(9,33,126)
```
#0b2690
```
#0b2690 rgb(11,38,144)
```
#0c2aa2
```
#0c2aa2 rgb(12,42,162)
```
#0d2fb5
```
#0d2fb5 rgb(13,47,181)
```
#0f34c7
```
#0f34c7 rgb(15,52,199)
```
#1039d9
```
#1039d9 rgb(16,57,217)
```
#113deb
```
#113deb rgb(17,61,235)
```

Shade Color Variation

#224bef
```
#224bef rgb(34,75,239)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#4669f1
```
#4669f1 rgb(70,105,241)
```
#5978f3
```
#5978f3 rgb(89,120,243)
```
#6b87f4
```
#6b87f4 rgb(107,135,244)
```
#7d95f5
```
#7d95f5 rgb(125,149,245)
```
#8fa4f7
```
#8fa4f7 rgb(143,164,247)
```
#a2b3f8
```
#a2b3f8 rgb(162,179,248)
```
#b4c2f9
```
#b4c2f9 rgb(180,194,249)
```
#c6d1fb
```
#c6d1fb rgb(198,209,251)
```
#d8e0fc
```
#d8e0fc rgb(216,224,252)
```
#ebeefd
```
#ebeefd rgb(235,238,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909194 is the less saturated color, while #2c55f8 is the most saturated one.

#909194
```
#909194 rgb(144,145,148)
```
#888c9c
```
#888c9c rgb(136,140,156)
```
#7f87a5
```
#7f87a5 rgb(127,135,165)
```
#7782ad
```
#7782ad rgb(119,130,173)
```
#6f7db5
```
#6f7db5 rgb(111,125,181)
```
#6678be
```
#6678be rgb(102,120,190)
```
#5e73c6
```
#5e73c6 rgb(94,115,198)
```
#566ece
```
#566ece rgb(86,110,206)
```
#4d69d7
```
#4d69d7 rgb(77,105,215)
```
#4564df
```
#4564df rgb(69,100,223)
```
#3c5fe8
```
#3c5fe8 rgb(60,95,232)
```
#345af0
```
#345af0 rgb(52,90,240)
```
#2c55f8
```
#2c55f8 rgb(44,85,248)
```

Tone Color Variation

Below, you can see how #345af0 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.

Monochromacy

#606060 Achromatopsia 0.005% of the population
#575f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1266e0 Protanomaly 1% of men, 0.01% of women
#126ace Deuteranomaly 6% of men, 0.4% of women
#1270aa Tritanomaly 0.01% of the population

#345af0 hex color

#345af0 Color Information

#345af0 Color Conversion

Color Schemes with #345af0

Alternatives to #345af0

#345af0 Preview

Shades and Tints of #345af0

Tones of #345af0

Color Blindness Simulator