Raisin Black

Meet Raisin Black, hex code #14141C. This near-black shade offers a sophisticated alternative to pure black. Its subtle complexity and deep, cool undertones provide a rich foundation for interfaces, giving designs a unique character without overwhelming the eye.

What color is Raisin Black?

What is the meaning of Raisin Black?

How do I use Raisin Black (#14141C) in UI design?

Using Raisin Black color codes

Raisin Black

#14141C

Access our full UI & UX library today.

What color is Raisin Black?

What is the meaning of Raisin Black?

How do I use Raisin Black (#14141C) in UI design?

Using Raisin Black color codes

Raisin Black Code Conversions

HEX

#14141C

LAB

7, 2, -6

RGB

20, 20, 28

XYZ

0.7, 0.7, 1.2

HSL

240°, 17%, 9%

LCH

7, 6, 291°

HSB

240°, 29%, 11%

LUV

7, 0, -3

CMYK

29, 29, 0, 89

CMYK

29, 29, 0, 89

HWB

240°, 8%, 89%

Raisin Black Color Harmonies

Analogous

Analogous colors sit next to Raisin Black on the color wheel. This grouping produces a harmonious and visually pleasing palette, often perceived as calm.

#14181C

#14141C

#18141C

#14181C

#14141C

#18141C

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Raisin Black, they create a striking, high-contrast visual effect.

#14141C

#1C1C14

#14141C

#1C1C14

Split Complementary

For Raisin Black, a split complementary scheme uses the two colors adjacent to its complement, creating a high-contrast look with less tension.

#14141C

#1C1814

#181C14

#14141C

#1C1814

#181C14

Triadic

Triadic color schemes use three colors equally spaced on the color wheel. For Raisin Black, this creates a vibrant, high-contrast palette.

#14141C

#1C1414

#141C14

#14141C

#1C1414

#141C14

Tetradic

A tetradic color scheme for Raisin Black forms a rectangle on the color wheel, combining two pairs of complementary colors for a versatile palette.

#14141C

#1C1418

#1C1C14

#141C18

#14141C

#1C1418

#1C1C14

#141C18

Square

A square color scheme pairs Raisin Black with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#14141C

#1C1418

#1C1C14

#141C18

#14141C

#1C1418

#1C1C14

#141C18

Raisin Black Contrast Simulation

Text Color

#

Background Color

#

18.32

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

18.32

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Raisin Black Color Variations

Shades

Adding black to Raisin Black produces darker shades, giving your designs more depth and weight.

#14141C

#111118

#0E0E14

#0B0B10

#09090C

#060608

#030304

#000000

#14141C

#111118

#0E0E14

#0B0B10

#09090C

#060608

#030304

#000000

Tints

Tints of Raisin Black are lighter variations created by adding white, resulting in a softer appearance.

#14141C

#36363C

#57575D

#79797D

#9A9A9E

#BCBCBE

#DDDDDF

#FFFFFF

#14141C

#36363C

#57575D

#79797D

#9A9A9E

#BCBCBE

#DDDDDF

#FFFFFF

Tones

Tones of Raisin Black are muted variations created by adding gray to soften the saturation.

#14141C

#23232A

#333339

#424247

#525255

#616163

#717172

#808080

#14141C

#23232A

#333339

#424247

#525255

#616163

#717172

#808080

Hues

Hues are variations of Raisin Black, differing in intensity and temperature to create unique moods.

#14141C

#1A141C

#1C1418

#1C1614

#1C1C14

#161C14

#141C18

#141A1C

#14141C

#1A141C

#1C1418

#1C1614

#1C1C14

#161C14

#141C18

#141A1C

What Interfaces Use Colors Like Raisin Black?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox