Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
336B0C
Office green
#

Conversion

HEX 336B0C
RGB 51, 107, 12
CMYK 52, 0, 89, 58
HSB 95, 89, 42
HSL 95, 80, 23
LAB 40, -35, 42
XYZ 7, 11, 2
LCH 40, 55, 129
LUV 40, -26, 46
HWB 95, 5, 58

Variations

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

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
336B0C
2F620B
2C5A0A
285309
244B08
214408
1D3C07
193506
162D05
122604
0F1E03
0B1703
070F02
040801
000000

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
336B0C
3F830F
4B9C11
57B514
63CF17
70E61C
80E935
90EB4E
A0EE68
B0F181
BFF49A
CFF7B3
DFF9CD
EFFCE6
FFFFFF

Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.
336B0C
33660F
346312
356016
355C19
36591C
365520
375223
374F27
384B2A
38482D
394531
3A4134
3A3E37
3B3B3B

Hues

A hue refers to the basic family of a color from red to violet. Hues are variations of a base color on the color wheel.
6B300C
6B410C
6B510C
6B610C
656B0C
546B0C
446B0C
336B0C
236B0C
136B0C
0C6B15
0C6B25
0C6B36
0C6B46
0C6B56

Temperatures

Color are often divided in cool and warm according to how we perceive them. Greens and blues are cool, whilst reds and yellows are warm.
203C3C
224235
25492E
285027
2B5720
2D5D1A
306413
336B0C
37640C
3B5D0C
3F570C
43500C
47490C
4B420C
4F3C0C

Color harmonies

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

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.
6A620C
336B0C
0C6A23

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
336B0C
420C6A

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
336B0C
230C6A
620C6A

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
336B0C
0C336A
6A0C33

Tetradic

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.
336B0C
0C6A42
420C6A
6A0C33

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
336B0C
0C626A
420C6A
6A140C

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs. Learn more

Protanopia

83% similar
1.3% of men, 0.02% of women
336B0C
4B4B22

Protanomaly

92% similar
1.3% of men, 0.02% of women
336B0C
3D5817

Deuteranopia

79% similar
1.2% of men, 0.01% of women
336B0C
484328

Deuteranomaly

93% similar
5% of men, 0.35% of women
336B0C
3E5C19

Tritanopia

68% similar
0.001% of men, 0.03% of women
336B0C
353539

Tritanomaly

89% similar
0.0001% of the population
336B0C
34511D

Achromatopsia

74% similar
0.003% of the population
336B0C
4F4F4F

Achromatomaly

90% similar
0.001% of the population
336B0C
425B30

Contrast checker

Verify the contrast of a text on white and black backgrounds. For additional options use this tool.

White background

Good 3/5
Quote n. 7We are what we repeatedly do; excellence, then, is not an act but a habit.

Aristotle

Black background

Poor 2/5
Quote n. 7We are what we repeatedly do; excellence, then, is not an act but a habit.

Aristotle

Color libraries

View the most similar correspondences of this color with these popular color libraries.

Name

92% similar

RAL

92% similar
3E753B

HKS

91% similar
50822E

Copic

94% similar

Prismacolor

95% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#