#345bcb hex color

In a RGB color space, hex #345bcb is composed of 20.4% red, 35.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 55.2% magenta, 0% yellow and 20.4% black. It has a hue angle of 224.5 degrees, a saturation of 59.2% and a lightness of 50%. #345bcb color hex could be obtained by blending #68b6ff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 36
- B 80
RGB color chart
- C 74
- M 55
- Y 0
- K 20
CMYK color chart

● #345bcb color description : Moderate blue.

The hexadecimal color #345bcb has RGB values of R:52, G:91, B:203 and CMYK values of C:0.74, M:0.55, Y:0, K:0.2. Its decimal value is 3431371.

Hex triplet	345bcb	`#345bcb`
RGB Decimal	52, 91, 203	`rgb(52,91,203)`
RGB Percent	20.4, 35.7, 79.6	`rgb(20.4%,35.7%,79.6%)`
CMYK	74, 55, 0, 20
HSL	224.5°, 59.2, 50	`hsl(224.5,59.2%,50%)`
HSV (or HSB)	224.5°, 74.4, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.035, 25.547, -62.134
XYZ	15.934, 12.523, 58.074
xyY	0.184, 0.145, 12.523
CIE-LCH	42.035, 67.181, 292.351
CIE-LUV	42.035, -15.968, -92.992
Hunter-Lab	35.388, 18.447, -72.528
Binary	00110100, 01011011, 11001011

#345bcb
```
#345bcb rgb(52,91,203)
```
#cba434
```
#cba434 rgb(203,164,52)
```

Complementary Color

#34a7cb
```
#34a7cb rgb(52,167,203)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#5934cb
```
#5934cb rgb(89,52,203)
```

Analogous Color

#a7cb34
```
#a7cb34 rgb(167,203,52)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#cb5934
```
#cb5934 rgb(203,89,52)
```

Split Complementary Color

#5bcb34
```
#5bcb34 rgb(91,203,52)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#cb345b
```
#cb345b rgb(203,52,91)
```

Triadic Color

#34cba4
```
#34cba4 rgb(52,203,164)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#cb345b
```
#cb345b rgb(203,52,91)
```
#cba434
```
#cba434 rgb(203,164,52)
```

Tetradic Color

#24408e
```
#24408e rgb(36,64,142)
```
#2a49a2
```
#2a49a2 rgb(42,73,162)
```
#2f52b7
```
#2f52b7 rgb(47,82,183)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#486bd0
```
#486bd0 rgb(72,107,208)
```
#5d7cd5
```
#5d7cd5 rgb(93,124,213)
```
#718cdb
```
#718cdb rgb(113,140,219)
```

Monochromatic Color

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

#3481cb
```
#3481cb rgb(52,129,203)
```
#3474cb
```
#3474cb rgb(52,116,203)
```
#3468cb
```
#3468cb rgb(52,104,203)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#344ecb
```
#344ecb rgb(52,78,203)
```
#3442cb
```
#3442cb rgb(52,66,203)
```
#3435cb
```
#3435cb rgb(52,53,203)
```

Similar Colors

Text with hexadecimal color #345bcb

This text has a font color of #345bcb.

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

#345bcb background color

This paragraph has a background color of #345bcb.

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

#345bcb border color

This element has a border color of #345bcb.

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

CSS codes

.text {color:#345bcb;}

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

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

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

#040710
```
#040710 rgb(4,7,16)
```
#080e1f
```
#080e1f rgb(8,14,31)
```
#0c152f
```
#0c152f rgb(12,21,47)
```
#101c3e
```
#101c3e rgb(16,28,62)
```
#14234e
```
#14234e rgb(20,35,78)
```
#182a5e
```
#182a5e rgb(24,42,94)
```
#1c316d
```
#1c316d rgb(28,49,109)
```
#20387d
```
#20387d rgb(32,56,125)
```
#243f8d
```
#243f8d rgb(36,63,141)
```
#28469c
```
#28469c rgb(40,70,156)
```
#2c4dac
```
#2c4dac rgb(44,77,172)
```
#3054bb
```
#3054bb rgb(48,84,187)
```
#345bcb
```
#345bcb rgb(52,91,203)
```

Shade Color Variation

#4468cf
```
#4468cf rgb(68,104,207)
```
#5374d3
```
#5374d3 rgb(83,116,211)
```
#6381d7
```
#6381d7 rgb(99,129,215)
```
#728ddb
```
#728ddb rgb(114,141,219)
```
#829adf
```
#829adf rgb(130,154,223)
```
#92a7e3
```
#92a7e3 rgb(146,167,227)
```
#a1b3e7
```
#a1b3e7 rgb(161,179,231)
```
#b1c0eb
```
#b1c0eb rgb(177,192,235)
```
#c1cdef
```
#c1cdef rgb(193,205,239)
```
#d0d9f3
```
#d0d9f3 rgb(208,217,243)
```
#e0e6f7
```
#e0e6f7 rgb(224,230,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c86 is the less saturated color, while #0343fc is the most saturated one.

#797c86
```
#797c86 rgb(121,124,134)
```
#6f7790
```
#6f7790 rgb(111,119,144)
```
#65739a
```
#65739a rgb(101,115,154)
```
#5b6ea4
```
#5b6ea4 rgb(91,110,164)
```
#5169ae
```
#5169ae rgb(81,105,174)
```
#4864b7
```
#4864b7 rgb(72,100,183)
```
#3e60c1
```
#3e60c1 rgb(62,96,193)
```
#345bcb
```
#345bcb rgb(52,91,203)
```
#2a56d5
```
#2a56d5 rgb(42,86,213)
```
#2052df
```
#2052df rgb(32,82,223)
```
#174de8
```
#174de8 rgb(23,77,232)
```
#0d48f2
```
#0d48f2 rgb(13,72,242)
```
#0343fc
```
#0343fc rgb(3,67,252)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#1263cb Protanomaly 1% of men, 0.01% of women
#1266bb Deuteranomaly 6% of men, 0.4% of women
#126c99 Tritanomaly 0.01% of the population

#345bcb hex color

#345bcb Color Information

#345bcb Color Conversion

Color Schemes with #345bcb

Alternatives to #345bcb

#345bcb Preview

Shades and Tints of #345bcb

Tones of #345bcb

Color Blindness Simulator