Color picker

#255483

Conversion

HEX#255483
HEX8#255483ff
RGBrgb(37, 84, 131)
CMYK[0.72,0.36,0,0.49]
Name#255483
HCL[271.2,31.04,34.75]
oklab[0.44,-0.03,-0.09]
Num2446467
HSI[210,0.56,0.33]
lab[34.75,0.65,-31.03]
Lighten
#4487ca
Darken
#0f2133
Saturate
#145494
Desaturate
#365472
Greyscale
#545454
Brighten
#5887b6

Color harmonies of #255483

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.
#255483
#832554
#548325

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.
#255483
#832583
#835425
#258325

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.
#255483
#316fad
#3d8bd8
#010203
#0d1d2e
#193958

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.
#255483
#257a83
#256783
#255483
#254183
#252e83

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#255483
#672583
#7a8325

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
#eff3f6
#e0e7ed
#d0dae4
#c1cedc
#b1c2d3
#a2b6ca
#92aac1
#829db8
#7391af
#6385a6
#54799e
#446c95
#35608c
#255483

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030609
#050c13
#08121c
#0b1825
#0d1e2f
#102438
#132a42
#15304b
#183654
#1a3c5e
#1d4267
#204870
#224e7a
#255483

Contrast Checker

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

7.852 Very 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!
2.675 Very 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 #255483

Some examples of color palettes with #255483. View more

Use #255483 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet