colorhexa.com

#345ad9 hex color

In a RGB color space, hex #345ad9 is composed of 20.4% red, 35.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 58.5% magenta, 0% yellow and 14.9% black. It has a hue angle of 226.2 degrees, a saturation of 68.5% and a lightness of 52.7%. #345ad9 color hex could be obtained by blending #68b4ff with #0000b3. Closest websafe color is: #3366cc.

- R 20
- G 35
- B 85
RGB color chart
- C 76
- M 59
- Y 0
- K 15
CMYK color chart

● #345ad9 color description : Bright blue.

The hexadecimal color #345ad9 has RGB values of R:52, G:90, B:217 and CMYK values of C:0.76, M:0.59, Y:0, K:0.15. Its decimal value is 3431129.

Hex triplet	345ad9	`#345ad9`
RGB Decimal	52, 90, 217	`rgb(52,90,217)`
RGB Percent	20.4, 35.3, 85.1	`rgb(20.4%,35.3%,85.1%)`
CMYK	76, 59, 0, 15
HSL	226.2°, 68.5, 52.7	`hsl(226.2,68.5%,52.7%)`
HSV (or HSB)	226.2°, 76, 85.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.84, 31.337, -68.861
XYZ	17.594, 13.051, 67.234
xyY	0.18, 0.133, 13.051
CIE-LCH	42.84, 75.657, 294.469
CIE-LUV	42.84, -15.751, -103.222
Hunter-Lab	36.126, 23.712, -85.056
Binary	00110100, 01011010, 11011001

#345ad9
```
#345ad9 rgb(52,90,217)
```
#d9b334
```
#d9b334 rgb(217,179,52)
```

Complementary Color

#34add9
```
#34add9 rgb(52,173,217)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#6034d9
```
#6034d9 rgb(96,52,217)
```

Analogous Color

#add934
```
#add934 rgb(173,217,52)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#d96034
```
#d96034 rgb(217,96,52)
```

Split Complementary Color

#5ad934
```
#5ad934 rgb(90,217,52)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#d9345a
```
#d9345a rgb(217,52,90)
```

Triadic Color

#34d9b3
```
#34d9b3 rgb(52,217,179)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#d9345a
```
#d9345a rgb(217,52,90)
```
#d9b334
```
#d9b334 rgb(217,179,52)
```

Tetradic Color

#1e3da2
```
#1e3da2 rgb(30,61,162)
```
#2245b8
```
#2245b8 rgb(34,69,184)
```
#264dcd
```
#264dcd rgb(38,77,205)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#496bdd
```
#496bdd rgb(73,107,221)
```
#5f7de1
```
#5f7de1 rgb(95,125,225)
```
#748ee5
```
#748ee5 rgb(116,142,229)
```

Monochromatic Color

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

#3483d9
```
#3483d9 rgb(52,131,217)
```
#3476d9
```
#3476d9 rgb(52,118,217)
```
#3468d9
```
#3468d9 rgb(52,104,217)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#344cd9
```
#344cd9 rgb(52,76,217)
```
#343fd9
```
#343fd9 rgb(52,63,217)
```
#3734d9
```
#3734d9 rgb(55,52,217)
```

Similar Colors

Text with hexadecimal color #345ad9

This text has a font color of #345ad9.

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

#345ad9 background color

This paragraph has a background color of #345ad9.

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

#345ad9 border color

This element has a border color of #345ad9.

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

CSS codes

.text {color:#345ad9;}

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

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

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#050b1c
```
#050b1c rgb(5,11,28)
```
#08112d
```
#08112d rgb(8,17,45)
```
#0b173d
```
#0b173d rgb(11,23,61)
```
#0f1d4e
```
#0f1d4e rgb(15,29,78)
```
#12235e
```
#12235e rgb(18,35,94)
```
#152a6f
```
#152a6f rgb(21,42,111)
```
#18307f
```
#18307f rgb(24,48,127)
```
#1b3690
```
#1b3690 rgb(27,54,144)
```
#1e3ca0
```
#1e3ca0 rgb(30,60,160)
```
#2142b1
```
#2142b1 rgb(33,66,177)
```
#2448c2
```
#2448c2 rgb(36,72,194)
```
#274fd2
```
#274fd2 rgb(39,79,210)
```

Shade Color Variation

#345ad9
```
#345ad9 rgb(52,90,217)
```
#4567dc
```
#4567dc rgb(69,103,220)
```
#5575df
```
#5575df rgb(85,117,223)
```
#6682e2
```
#6682e2 rgb(102,130,226)
```
#7690e5
```
#7690e5 rgb(118,144,229)
```
#879de8
```
#879de8 rgb(135,157,232)
```
#97abec
```
#97abec rgb(151,171,236)
```
#a8b8ef
```
#a8b8ef rgb(168,184,239)
```
#b8c5f2
```
#b8c5f2 rgb(184,197,242)
```
#c9d3f5
```
#c9d3f5 rgb(201,211,245)
```
#d9e0f8
```
#d9e0f8 rgb(217,224,248)
```
#eaeefb
```
#eaeefb rgb(234,238,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e828f is the less saturated color, while #0f46fe is the most saturated one.

#7e828f
```
#7e828f rgb(126,130,143)
```
#757d98
```
#757d98 rgb(117,125,152)
```
#6c78a1
```
#6c78a1 rgb(108,120,161)
```
#6273ab
```
#6273ab rgb(98,115,171)
```
#596eb4
```
#596eb4 rgb(89,110,180)
```
#5069bd
```
#5069bd rgb(80,105,189)
```
#4764c6
```
#4764c6 rgb(71,100,198)
```
#3d5fd0
```
#3d5fd0 rgb(61,95,208)
```
#345ad9
```
#345ad9 rgb(52,90,217)
```
#2b55e2
```
#2b55e2 rgb(43,85,226)
```
#2150ec
```
#2150ec rgb(33,80,236)
```
#184bf5
```
#184bf5 rgb(24,75,245)
```
#0f46fe
```
#0f46fe rgb(15,70,254)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#555c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cf Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1264d2 Protanomaly 1% of men, 0.01% of women
#1267c2 Deuteranomaly 6% of men, 0.4% of women
#126d9f Tritanomaly 0.01% of the population