colorhexa.com

#346074 hex color

In a RGB color space, hex #346074 is composed of 20.4% red, 37.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 17.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 198.8 degrees, a saturation of 38.1% and a lightness of 32.9%. #346074 color hex could be obtained by blending #68c0e8 with #000000. Closest websafe color is: #336666.

- R 20
- G 38
- B 45
RGB color chart
- C 55
- M 17
- Y 0
- K 55
CMYK color chart

● #346074 color description : Dark moderate blue.

The hexadecimal color #346074 has RGB values of R:52, G:96, B:116 and CMYK values of C:0.55, M:0.17, Y:0, K:0.55. Its decimal value is 3432564.

Hex triplet	346074	`#346074`
RGB Decimal	52, 96, 116	`rgb(52,96,116)`
RGB Percent	20.4, 37.6, 45.5	`rgb(20.4%,37.6%,45.5%)`
CMYK	55, 17, 0, 55
HSL	198.8°, 38.1, 32.9	`hsl(198.8,38.1%,32.9%)`
HSV (or HSB)	198.8°, 55.2, 45.5
Web Safe	336666	`#336666`

CIE-LAB	38.474, -9.031, -15.966
XYZ	8.751, 10.356, 18.06
xyY	0.235, 0.279, 10.356
CIE-LCH	38.474, 18.343, 240.507
CIE-LUV	38.474, -18.746, -20.668
Hunter-Lab	32.181, -7.779, -10.747
Binary	00110100, 01100000, 01110100

#346074
```
#346074 rgb(52,96,116)
```
#744834
```
#744834 rgb(116,72,52)
```

Complementary Color

#347468
```
#347468 rgb(52,116,104)
```
#346074
```
#346074 rgb(52,96,116)
```
#344074
```
#344074 rgb(52,64,116)
```

Analogous Color

#746834
```
#746834 rgb(116,104,52)
```
#346074
```
#346074 rgb(52,96,116)
```
#743440
```
#743440 rgb(116,52,64)
```

Split Complementary Color

#607434
```
#607434 rgb(96,116,52)
```
#346074
```
#346074 rgb(52,96,116)
```
#743460
```
#743460 rgb(116,52,96)
```

Triadic Color

#1c343f
```
#1c343f rgb(28,52,63)
```
#244351
```
#244351 rgb(36,67,81)
```
#2c5162
```
#2c5162 rgb(44,81,98)
```
#346074
```
#346074 rgb(52,96,116)
```
#3c6f86
```
#3c6f86 rgb(60,111,134)
```
#447d97
```
#447d97 rgb(68,125,151)
```
#4c8ca9
```
#4c8ca9 rgb(76,140,169)
```

Monochromatic Color

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

#347074
```
#347074 rgb(52,112,116)
```
#346b74
```
#346b74 rgb(52,107,116)
```
#346574
```
#346574 rgb(52,101,116)
```
#346074
```
#346074 rgb(52,96,116)
```
#345b74
```
#345b74 rgb(52,91,116)
```
#345574
```
#345574 rgb(52,85,116)
```
#345074
```
#345074 rgb(52,80,116)
```

Similar Colors

Text with hexadecimal color #346074

This text has a font color of #346074.

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

#346074 background color

This paragraph has a background color of #346074.

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

#346074 border color

This element has a border color of #346074.

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

CSS codes

.text {color:#346074;}

.background {background-color:#346074;}

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091215
```
#091215 rgb(9,18,21)
```
#101d23
```
#101d23 rgb(16,29,35)
```
#162830
```
#162830 rgb(22,40,48)
```
#1c333e
```
#1c333e rgb(28,51,62)
```
#223e4b
```
#223e4b rgb(34,62,75)
```
#284a59
```
#284a59 rgb(40,74,89)
```
#2e5566
```
#2e5566 rgb(46,85,102)
```
#346074
```
#346074 rgb(52,96,116)
```
#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#40768f
```
#40768f rgb(64,118,143)
```
#46829d
```
#46829d rgb(70,130,157)
```
#4c8daa
```
#4c8daa rgb(76,141,170)
```

Shade Color Variation

#5796b4
```
#5796b4 rgb(87,150,180)
```
#649fba
```
#649fba rgb(100,159,186)
```
#72a7c0
```
#72a7c0 rgb(114,167,192)
```
#7fb0c6
```
#7fb0c6 rgb(127,176,198)
```
#8db8cc
```
#8db8cc rgb(141,184,204)
```
#9ac0d2
```
#9ac0d2 rgb(154,192,210)
```
#a8c9d8
```
#a8c9d8 rgb(168,201,216)
```
#b5d1de
```
#b5d1de rgb(181,209,222)
```
#c3dae4
```
#c3dae4 rgb(195,218,228)
```
#d0e2ea
```
#d0e2ea rgb(208,226,234)
```
#deebf0
```
#deebf0 rgb(222,235,240)
```
#ecf3f6
```
#ecf3f6 rgb(236,243,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e565a is the less saturated color, while #0073a8 is the most saturated one.

#4e565a
```
#4e565a rgb(78,86,90)
```
#475961
```
#475961 rgb(71,89,97)
```
#415b67
```
#415b67 rgb(65,91,103)
```
#3a5e6e
```
#3a5e6e rgb(58,94,110)
```
#346074
```
#346074 rgb(52,96,116)
```
#2e627a
```
#2e627a rgb(46,98,122)
```
#276581
```
#276581 rgb(39,101,129)
```
#216787
```
#216787 rgb(33,103,135)
```
#1a6a8e
```
#1a6a8e rgb(26,106,142)
```
#146c94
```
#146c94 rgb(20,108,148)
```
#0d6f9b
```
#0d6f9b rgb(13,111,155)
```
#0771a1
```
#0771a1 rgb(7,113,161)
```
#0073a8
```
#0073a8 rgb(0,115,168)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e575b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6277 Protanopia 1% of men
#5d617d Deuteranopia 1% of men
#3a6a71 Tritanopia 0.001% of the population

Trichromacy

#4e6176 Protanomaly 1% of men, 0.01% of women
#4e617a Deuteranomaly 6% of men, 0.4% of women
#386672 Tritanomaly 0.01% of the population