Color picker

#31b0b3

Conversion

HEX#31b0b3
HEX8#31b0b3ff
RGBrgb(49, 176, 179)
CMYK[0.73,0.02,0,0.3]
Name#31b0b3
HCL[199.52,34.14,65.71]
oklab[0.69,-0.1,-0.03]
Num3256499
HSI[181.16,0.64,0.53]
lab[65.71,-32.18,-11.41]
Lighten
#72d6d8
Darken
#1b6163
Saturate
#1ac6ca
Desaturate
#489a9c
Greyscale
#727272
Brighten
#64e3e6

Color harmonies of #31b0b3

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.
#31b0b3
#b331b0
#b0b331

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.
#31b0b3
#7531b3
#b33431
#6fb331

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.
#31b0b3
#3ddadd
#020909
#0e3333
#1a5c5e
#258688

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.
#31b0b3
#31b382
#31b39c
#31b0b3
#3196b3
#317cb3

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#31b0b3
#4e31b3
#b38231

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
#f0f9fa
#e2f4f4
#d3eeef
#c4e8e9
#b5e3e4
#a7ddde
#98d8d9
#89d2d4
#7bccce
#6cc7c9
#5dc1c3
#4ebbbe
#40b6b8
#31b0b3

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040d0d
#07191a
#0b2626
#0e3233
#123f40
#154b4d
#19585a
#1c6566
#207173
#237e80
#278a8d
#2a9799
#2ea3a6
#31b0b3

Contrast Checker

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

2.628 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!
7.992 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!

Color Palettes #31b0b3

Some examples of color palettes with #31b0b3. View more

Use #31b0b3 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet