Color picker

#346274

Conversion

HEX#346274
HEX8#346274ff
RGBrgb(52, 98, 116)
CMYK[0.55,0.16,0,0.55]
Name#346274
HCL[235.71,18.13,39.11]
oklab[0.47,-0.04,-0.04]
Num3433076
HSI[195.82,0.41,0.35]
lab[39.11,-10.22,-14.98]
Lighten
#599bb5
Darken
#14262e
Saturate
#236985
Desaturate
#455b63
Greyscale
#545454
Brighten
#6795a7

Color harmonies of #346274

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#346274
#743462
#627434

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#346274
#663474
#744634
#427434

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#346274
#47869e
#5aaac9
#6dcef3
#0e1a1f
#213e49

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#346274
#34746c
#346f74
#346274
#345574
#344874

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#346274
#533474
#746c34

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f1f4f5
#e2e9eb
#d4dde1
#c5d2d7
#b7c7cd
#a8bcc3
#9ab1ba
#8ba5b0
#7d9aa6
#6e8f9c
#608492
#517888
#436d7e
#346274

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040708
#070e11
#0b1519
#0f1c21
#132329
#162a32
#1a313a
#1e3842
#213f4b
#254653
#294d5b
#2d5463
#305b6c
#346274

Contrast Checker

Verify the contrast of a #346274 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

6.677 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
3.145 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #346274

Some examples of color palettes with #346274. View more

Use #346274 in CSS

#346274 as Background Color in CSS
<div style="background-color:#346274">Background Color</div>
#346274 as Text Color in CSS
<div style="color:#346274">Text Color</div>
#346274 as Border Color in CSS
<div style="border-color:#346274">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet