colorhexa.com

#346385 hex color

In a RGB color space, hex #346385 is composed of 20.4% red, 38.8% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 25.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 205.2 degrees, a saturation of 43.8% and a lightness of 36.3%. #346385 color hex could be obtained by blending #68c6ff with #00000b. Closest websafe color is: #336699.

- R 20
- G 39
- B 52
RGB color chart
- C 61
- M 26
- Y 0
- K 48
CMYK color chart

● #346385 color description : Dark moderate blue.

The hexadecimal color #346385 has RGB values of R:52, G:99, B:133 and CMYK values of C:0.61, M:0.26, Y:0, K:0.48. Its decimal value is 3433349.

Hex triplet	346385	`#346385`
RGB Decimal	52, 99, 133	`rgb(52,99,133)`
RGB Percent	20.4, 38.8, 52.2	`rgb(20.4%,38.8%,52.2%)`
CMYK	61, 26, 0, 48
HSL	205.2°, 43.8, 36.3	`hsl(205.2,43.8%,36.3%)`
HSV (or HSB)	205.2°, 60.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	40.158, -5.151, -23.73
XYZ	10.111, 11.347, 23.846
xyY	0.223, 0.25, 11.347
CIE-LCH	40.158, 24.283, 257.753
CIE-LUV	40.158, -19.45, -32.815
Hunter-Lab	33.685, -5.37, -18.394
Binary	00110100, 01100011, 10000101

#346385
```
#346385 rgb(52,99,133)
```
#855634
```
#855634 rgb(133,86,52)
```

Complementary Color

#34857f
```
#34857f rgb(52,133,127)
```
#346385
```
#346385 rgb(52,99,133)
```
#343b85
```
#343b85 rgb(52,59,133)
```

Analogous Color

#857f34
```
#857f34 rgb(133,127,52)
```
#346385
```
#346385 rgb(52,99,133)
```
#85343b
```
#85343b rgb(133,52,59)
```

Split Complementary Color

#638534
```
#638534 rgb(99,133,52)
```
#346385
```
#346385 rgb(52,99,133)
```
#853463
```
#853463 rgb(133,52,99)
```

Triadic Color

#1e3a4e
```
#1e3a4e rgb(30,58,78)
```
#264860
```
#264860 rgb(38,72,96)
```
#2d5573
```
#2d5573 rgb(45,85,115)
```
#346385
```
#346385 rgb(52,99,133)
```
#3b7197
```
#3b7197 rgb(59,113,151)
```
#427eaa
```
#427eaa rgb(66,126,170)
```
#4c8bb9
```
#4c8bb9 rgb(76,139,185)
```

Monochromatic Color

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

#347785
```
#347785 rgb(52,119,133)
```
#347185
```
#347185 rgb(52,113,133)
```
#346a85
```
#346a85 rgb(52,106,133)
```
#346385
```
#346385 rgb(52,99,133)
```
#345c85
```
#345c85 rgb(52,92,133)
```
#345685
```
#345685 rgb(52,86,133)
```
#344f85
```
#344f85 rgb(52,79,133)
```

Similar Colors

Text with hexadecimal color #346385

This text has a font color of #346385.

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

#346385 background color

This paragraph has a background color of #346385.

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

#346385 border color

This element has a border color of #346385.

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

CSS codes

.text {color:#346385;}

.background {background-color:#346385;}

.border {border:1px solid #346385;}

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

#020506
```
#020506 rgb(2,5,6)
```
#080f14
```
#080f14 rgb(8,15,20)
```
#0d1a22
```
#0d1a22 rgb(13,26,34)
```
#132430
```
#132430 rgb(19,36,48)
```
#182f3e
```
#182f3e rgb(24,47,62)
```
#1e394d
```
#1e394d rgb(30,57,77)
```
#23445b
```
#23445b rgb(35,68,91)
```
#294e69
```
#294e69 rgb(41,78,105)
```
#2e5977
```
#2e5977 rgb(46,89,119)
```
#346385
```
#346385 rgb(52,99,133)
```
#3a6d93
```
#3a6d93 rgb(58,109,147)
```
#3f78a1
```
#3f78a1 rgb(63,120,161)
```
#4582af
```
#4582af rgb(69,130,175)
```

Shade Color Variation

#4e8cba
```
#4e8cba rgb(78,140,186)
```
#5c96bf
```
#5c96bf rgb(92,150,191)
```
#6a9fc5
```
#6a9fc5 rgb(106,159,197)
```
#78a8ca
```
#78a8ca rgb(120,168,202)
```
#86b1d0
```
#86b1d0 rgb(134,177,208)
```
#94bad5
```
#94bad5 rgb(148,186,213)
```
#a2c3db
```
#a2c3db rgb(162,195,219)
```
#b0cce0
```
#b0cce0 rgb(176,204,224)
```
#bfd5e6
```
#bfd5e6 rgb(191,213,230)
```
#cddeeb
```
#cddeeb rgb(205,222,235)
```
#dbe8f1
```
#dbe8f1 rgb(219,232,241)
```
#e9f1f6
```
#e9f1f6 rgb(233,241,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d61 is the less saturated color, while #026bb7 is the most saturated one.

#585d61
```
#585d61 rgb(88,93,97)
```
#505e69
```
#505e69 rgb(80,94,105)
```
#496070
```
#496070 rgb(73,96,112)
```
#426177
```
#426177 rgb(66,97,119)
```
#3b627e
```
#3b627e rgb(59,98,126)
```
#346385
```
#346385 rgb(52,99,133)
```
#2d648c
```
#2d648c rgb(45,100,140)
```
#266593
```
#266593 rgb(38,101,147)
```
#1f669a
```
#1f669a rgb(31,102,154)
```
#1868a1
```
#1868a1 rgb(24,104,161)
```
#1069a9
```
#1069a9 rgb(16,105,169)
```
#096ab0
```
#096ab0 rgb(9,106,176)
```
#026bb7
```
#026bb7 rgb(2,107,183)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#525b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6587 Protanopia 1% of men
#57668d Deuteranopia 1% of men
#336f77 Tritanopia 0.001% of the population

Trichromacy

#4d6486 Protanomaly 1% of men, 0.01% of women
#4a648a Deuteranomaly 6% of men, 0.4% of women
#336a7c Tritanomaly 0.01% of the population