color codes
selected color
Hex Code
#B23636
Other Color Formats
rgb(178, 54, 54)
Edit Color
r
178
g
54
b
54
a
100%
Color Variations for Your Selected ColorHere is a list of Shades and Tints of your selected color. Shades are generated by adding pure black color in 10% increments. Tints are generated by adding pure white color in 10% increments.
shades
0%
#b23636
10%
#a03131
20%
#8e2b2b
30%
#7d2626
40%
#6b2020
50%
#591b1b
60%
#471616
70%
#351010
80%
#240b0b
90%
#120505
100%
#000000
tints
0%
#b23636
10%
#ba4a4a
20%
#c15e5e
30%
#c97272
40%
#d18686
50%
#d99b9b
60%
#e0afaf
70%
#e8c3c3
80%
#f0d7d7
90%
#f7ebeb
100%
#ffffff
Color Harmonies for Your Selected Color
complementary
triadic
tetradic
analogous
mono chromatic
#36B2B2
Complementary color is the color that is positioned directly opposite of a given color in the color wheel. This combination of colors has high contrast and visual tension.
#B23636
#36B236
#3636B2
Three colors spaced evenly around the color wheel are known as triadic colors. These combinations give you high contrast while still being easy on the eye.copy all
#B23636
#74B236
#36B2B2
#7436B2
This color combination consists of two sets of complementary colors 60 degrees apart in the color wheel. Aggressive and vibrant, best for flashier subjects.copy all
#B23636
#B23668
#B2364F
#B23636
#B24F36
#B26836
Analogous colors are three colors that are adjacent to each other on the color wheel. Use them in interior design or web design combined with a complementary color for added contrast.copy all
#DC4343
#B23636
#872929
#5D1C1C
#320F0F
#080202
This color scheme is created by varying the amounts of shades, tints, and tones of a given color. Best for creating simplicity and clean aesthetic in your designs.copy all
Color Contrast Checker
Evaluate the contrast between the "Text Color" and your chosen "Background Color". Adjust the values for a better color combination that ensures optimal readability and usability!
contrast
6.05
normal text
result: bad
small text
result: bad
large text
result: good
Bad contrast for small text (below 18pt) and Good contrast for large text (above 18pt or bold above 14pt)
“Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.”
— Antoine de Saint-Exupéry
advertisement
Color Picker
Image Picker

Super Easy

Easily pick color from image or color wheel. Simply mouse-hover the image or color wheel to grab the exact color from the pixel.

Color Formats

Looking for a HEX Color Picker or an RGB Color Picker? This tool lets you pick colors in HEX/HTML, RGB, HSL, HSV, or CMYK formats.

Color Palettes

Create the perfect color pallet by using Complementary, Triadic, Tetradic, Analogous, and MonoChromatic colors.

Privacy Protected

We do not upload your photos to our servers (it works on the browser). That means your image privacy is guaranteed.

Online Tool

Our color picker works on your browser. There is no software to install. It works on Windows, Mac, Linux, or any device with a web browser.

100% Free

This online color picker is 100% free. You can use it without any registrations or paying fees!

How to pick a color from an image?

  • 1. Upload your image or open the color wheel.
  • 2. Mouse hover and click to select the exact pixel.
  • 3. Copy the color code in HEX/HTML, RGB…etc.

Color Harmony

Color Harmony refers to matching and harmonious colors that are aesthetically pleasing when combined together. They are derived by geometric relationships within the color wheel. Our color picker can automatically generate these based on the color you pick.

Complementary Colors

Complementary color is the color that is positioned directly opposite of a given color in the color wheel. This combination of colors has high contrast and visual tension.

Triadic Colors

Three colors spaced evenly around the color wheel are known as triadic colors. These combinations give you high contrast while still being easy on the eye.

Tetradic Colors

This color combination consists of two sets of complementary colors 60 degrees apart in the color wheel. Aggressive and vibrant, best for flashier subjects.
    Help