#345ccb hex color

In a RGB color space, hex #345ccb is composed of 20.4% red, 36.1% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 54.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 224.1 degrees, a saturation of 59.2% and a lightness of 50%. #345ccb color hex could be obtained by blending #68b8ff 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

● #345ccb color description : Moderate blue.

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

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

CIE-LAB	42.3, 24.902, -61.704
XYZ	16.021, 12.695, 58.103
xyY	0.185, 0.146, 12.695
CIE-LCH	42.3, 66.539, 291.977
CIE-LUV	42.3, -16.242, -92.526
Hunter-Lab	35.63, 17.907, -71.744
Binary	00110100, 01011100, 11001011

#345ccb
```
#345ccb rgb(52,92,203)
```
#cba334
```
#cba334 rgb(203,163,52)
```

Complementary Color

#34a8cb
```
#34a8cb rgb(52,168,203)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#5834cb
```
#5834cb rgb(88,52,203)
```

Analogous Color

#a8cb34
```
#a8cb34 rgb(168,203,52)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#cb5834
```
#cb5834 rgb(203,88,52)
```

Split Complementary Color

#5ccb34
```
#5ccb34 rgb(92,203,52)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#cb345c
```
#cb345c rgb(203,52,92)
```

Triadic Color

#34cba3
```
#34cba3 rgb(52,203,163)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#cb345c
```
#cb345c rgb(203,52,92)
```
#cba334
```
#cba334 rgb(203,163,52)
```

Tetradic Color

#24408e
```
#24408e rgb(36,64,142)
```
#2a4aa2
```
#2a4aa2 rgb(42,74,162)
```
#2f53b7
```
#2f53b7 rgb(47,83,183)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#486cd0
```
#486cd0 rgb(72,108,208)
```
#5d7dd5
```
#5d7dd5 rgb(93,125,213)
```
#718ddb
```
#718ddb rgb(113,141,219)
```

Monochromatic Color

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

#3482cb
```
#3482cb rgb(52,130,203)
```
#3475cb
```
#3475cb rgb(52,117,203)
```
#3469cb
```
#3469cb rgb(52,105,203)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#344fcb
```
#344fcb rgb(52,79,203)
```
#3443cb
```
#3443cb rgb(52,67,203)
```
#3436cb
```
#3436cb rgb(52,54,203)
```

Similar Colors

Text with hexadecimal color #345ccb

This text has a font color of #345ccb.

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

#345ccb background color

This paragraph has a background color of #345ccb.

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

#345ccb border color

This element has a border color of #345ccb.

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

CSS codes

.text {color:#345ccb;}

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

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

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)
```
#1c326d
```
#1c326d rgb(28,50,109)
```
#20397d
```
#20397d rgb(32,57,125)
```
#24408d
```
#24408d rgb(36,64,141)
```
#28479c
```
#28479c rgb(40,71,156)
```
#2c4eac
```
#2c4eac rgb(44,78,172)
```
#3055bb
```
#3055bb rgb(48,85,187)
```
#345ccb
```
#345ccb rgb(52,92,203)
```

Shade Color Variation

#4469cf
```
#4469cf rgb(68,105,207)
```
#5375d3
```
#5375d3 rgb(83,117,211)
```
#6382d7
```
#6382d7 rgb(99,130,215)
```
#728edb
```
#728edb rgb(114,142,219)
```
#829bdf
```
#829bdf rgb(130,155,223)
```
#92a7e3
```
#92a7e3 rgb(146,167,227)
```
#a1b4e7
```
#a1b4e7 rgb(161,180,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 #0345fc is the most saturated one.

#797c86
```
#797c86 rgb(121,124,134)
```
#6f7890
```
#6f7890 rgb(111,120,144)
```
#65739a
```
#65739a rgb(101,115,154)
```
#5b6ea4
```
#5b6ea4 rgb(91,110,164)
```
#516aae
```
#516aae rgb(81,106,174)
```
#4865b7
```
#4865b7 rgb(72,101,183)
```
#3e61c1
```
#3e61c1 rgb(62,97,193)
```
#345ccb
```
#345ccb rgb(52,92,203)
```
#2a57d5
```
#2a57d5 rgb(42,87,213)
```
#2053df
```
#2053df rgb(32,83,223)
```
#174ee8
```
#174ee8 rgb(23,78,232)
```
#0d4af2
```
#0d4af2 rgb(13,74,242)
```
#0345fc
```
#0345fc rgb(3,69,252)
```

Tone Color Variation

Below, you can see how #345ccb 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
#555d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb3 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#1263cc Protanomaly 1% of men, 0.01% of women
#1267bc Deuteranomaly 6% of men, 0.4% of women
#126c99 Tritanomaly 0.01% of the population

#345ccb hex color

#345ccb Color Information

#345ccb Color Conversion

Color Schemes with #345ccb

Alternatives to #345ccb

#345ccb Preview

Shades and Tints of #345ccb

Tones of #345ccb

Color Blindness Simulator