Mocha is a light shade of brown. It represents the average color of mocha coffee.
Caffè Mocha or mochaccino, simply called Mocha is a chocolate-flavored coffee. It is originally named after the mocha bean, which is a type of coffee bean shipped from the port of Mocha (Al Mokka) in Yemen.
What color is Mocha?
Mocha color belongs to the Brown color family (hue). The hexadecimal color code(color number) for Mocha is #967969, and the RGB color code is RGB(150, 121, 105).
In the RGB color model, Mocha has a red value of 150, a green value of 121, and a blue value of 105. The CMYK color model (also known as process color, used in color printing) comprises 0.0% cyan, 19.3% magenta, 30.0% yellow, and 41.2% key (black). The HSL color scale has a hue of 21.3° (degrees), 17.6 % saturation, and 50.0 % lightness. In the HSB/HSV color space, Mocha has a hue of 21.3° (degrees), 30.0 % saturation and 58.8 % brightness/value.
Mocha is cool or warm?
The color Mocha is a warm color.
What is the LRV of Mocha? (For interior and product design)
Mocha has an LRV of nearly 21. By LRV value, it is a medium dark color.
Light Reflectance Value (LRV) is a measure of how much visible light is reflected off a surface. It is a number on a scale of 0 to 100, with 0 being pure black and 100 being pure white. The higher the LRV, the more light the color reflects and the lighter it will appear.
Dark Color
Mocha
Light Color
Compare LRV 21 of Mocha with dark and light Color
Is Mocha Readable? WCAG Contrast Checker (For digital design)
Check if the color Mocha meets Web Content Accessibility Guidelines (WCAG) standards, minimum contrast ratio standards between text and background colors. The WCAG (Web Content Accessibility Guidelines) provides global standards for readable web content.
WCAG Recommendations - Large Text: above 18pt or 14pt bold. Normal Text: below 18pt or 14pt bold.
- Minimum contrast ratio (AA): 4.5 for normal text and 3 for large text.
- Enhanced contrast ratio (AAA): 7 for normal text and 4.5 for large text.
Change Background Color:
Normal text - 14pt
Normal Bold text - 12pt
Large text - 18pt
Large Bold text - 14pt
Color Codes - Color Space Conversions
Mocha color codes / color number / color space conversions - HEX, RGBA, CMYK, HSL, HSV/HSB, HYZ, CMY, HWB, RYB
RGBA / RGB
CMYK
HSL
HSL(21.33deg, 17.6 %, 50.0 %)
RYB
HSV/HSB
HWB
H: 21.33°
W: 41.18 %
B: 41.18 %
XYZ
X : 21.96
Y : 21.18
Z : 16.29
YXY
Y1 : 21.18
X : 0.37
Y2 : 0.36
CMY
C : 41.18%
M : 52.55%
Y : 58.82%
LRV
Munsell Color System
CIE-Lab
L : 53.14
A : 8.79
B : 13.03
CIE-Lch
L : 53.14
C : 15.72
H : 55.98
CIE-Luv
L : 53.14
U : 19.55
V : 15.37
Hunter-Lab
L : 46.02
A : 4.66
B : 11.22
Similar Colors and Paints
Named colors similar to Mocha
Here are the colors similar to Mocha . Delta E (ΔE) is the measure of the difference between two colors. Delta E is measured on a scale from 0 to 100, where 0 means exact match, and 100 is the highest difference.
Similar colors from Pantone, RAL, and other color matching system
Pantone TCX
Mocha color similar/equivalent colors from Pantone TCX. Conversion of Mocha to Pantone TCX
Pantone PMS
Mocha color similar/equivalent colors from Pantone PMS. Conversion of Mocha to Pantone PMS
RAL Design
Mocha color similar/equivalent colors from RAL Design. Conversion of Mocha to RAL Design
British Standard 4800
Mocha color similar/equivalent colors from British Standard 4800. Conversion of Mocha to British Standard 4800
Paint similar to Mocha
Here are the best recommended paint colors similar to Mocha . Delta E (ΔE) is the measure of the difference between two colors. Delta E is measured on a scale from 0 to 100, where 0 means exact match, and 100 is the highest difference.
Sherwin Williams
Mocha color similar/equivalent paint from Sherwin Williams. Conversion of Mocha to Sherwin Williams
Benjamin Moore
Mocha color similar/equivalent paint from Benjamin Moore. Conversion of Mocha to Benjamin Moore
PPG Paints
Mocha color similar/equivalent paint from PPG Paints. Conversion of Mocha to PPG Paints
Valspar
Mocha color similar/equivalent paint from Valspar. Conversion of Mocha to Valspar
Behr
Mocha color similar/equivalent paint from Behr. Conversion of Mocha to Behr
Dunn-Edwards
Mocha color similar/equivalent paint from Dunn-Edwards. Conversion of Mocha to Dunn-Edwards
Color Combinations
View more Mocha - #967969 color palettes and coordinating colors
Monochromatic colors belong to the same hue angle but different tints and shades. Monochromatic color palette can be generated by keeping the exact hue of the base color and then changing the saturation and lightness.
Analogous colors are a group of colors adjacent to each other on a color wheel. Group of these adjacent colors forms Analogous color scheme Palette. Analogous Palette can be generated by increasing or decreasing the hue value by 30 points.
The triadic color palette has three colors separated by 120° in the RGB color wheel
The tetradic colour scheme composed of two sets of complementary colors in a rectangular shape on the color wheel.
Complementary / Opposite Color
967969
Mocha
698696
Light Slate Gray*
Complementary / Opposite Color
Complementary colors are pairs of colors which, when combined or mixed, cancel each other out (lose hue) by producing a grayscale color like white or black. When placed next to each other, they create the strongest contrast for those two colors. Complementary colors also called opposite colors. Complementary color schemes are created using two opposite colors on the color wheel. The examples are red–cyan, green–magenta, and blue–yellow.
What is the contrasting color of Mocha - #967969?
Color that best contrast with Mocha - #967969 is #698696,
color name is Light Slate Gray*
Contrast indicates a strong difference in color. Contrasting color can be found several ways,
Complimentary contrast is one of them. Complementary contrast colors are opposite each other on the color wheel.
What color compliments Mocha - #967969?
Complementary or Opposite color for Mocha - #967969 is #698696,
color name is Light Slate Gray*.
Example Color Images and Mockup
Mobile app mockup example for Mocha - #967969 color
T-Shirt mockup example for Mocha - #967969 color
Chart visualization example with Mocha - #967969 color
Mocha - #967969 Color Images and Patterns
