Dartmouth Green

Introducing Dartmouth Green, #00693E. A profoundly deep green, its intensity comes from a pure composition, free of yellow or blue undertones. This striking clarity gives it a versatile and authoritative presence in any visual system, making it a standout for designers.

What color is Dartmouth Green?

What is the meaning of Dartmouth Green?

How do I use Dartmouth Green (#00693E) in UI design?

Using Dartmouth Green color codes

Dartmouth Green

#00693E

Access our full UI & UX library today.

What color is Dartmouth Green?

What is the meaning of Dartmouth Green?

How do I use Dartmouth Green (#00693E) in UI design?

Using Dartmouth Green color codes

Dartmouth Green Code Conversions

HEX

#00693E

LAB

39, -37, 17

RGB

0, 105, 62

XYZ

5.9, 10.5, 6.3

HSL

155°, 100%, 21%

LCH

39, 41, 155°

HSB

155°, 100%, 41%

LUV

39, -34, 25

CMYK

100, 0, 41, 59

CMYK

100, 0, 41, 59

HWB

155°, 0%, 59%

Dartmouth Green Color Harmonies

Analogous

Analogous colors sit next to Dartmouth Green on the color wheel, creating a harmonious and serene visual experience for any design.

#006909

#00693E

#006069

#006909

#00693E

#006069

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Dartmouth Green, they create a high-contrast, visually striking combination.

#00693E

#69002B

#00693E

#69002B

Split Complementary

A split complementary scheme for Dartmouth Green uses the two colors adjacent to its direct complement, creating a vibrant yet balanced and harmonious palette.

#00693E

#69005F

#690A00

#00693E

#69005F

#690A00

Triadic

Triadic palettes are built from three colors evenly spaced on the color wheel. For Dartmouth Green, this method produces a bold and balanced combination.

#00693E

#3E0069

#693E00

#00693E

#3E0069

#693E00

Tetradic

Building a tetradic scheme with Dartmouth Green involves finding two complementary pairs, resulting in a striking four-color palette with strong visual tension.

#00693E

#0A0069

#69002B

#5F6900

#00693E

#0A0069

#69002B

#5F6900

Square

For a high-contrast look, a square color scheme pairs Dartmouth Green with three other colors, all equidistant on the color wheel.

#00693E

#0A0069

#69002B

#5F6900

#00693E

#0A0069

#69002B

#5F6900

Dartmouth Green Contrast Simulation

Text Color

#

Background Color

#

6.80

Good

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.

6.80

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dartmouth Green Color Variations

Shades

Shades of Dartmouth Green are created by adding black, resulting in darker, weightier tones.

#00693E

#005A35

#004B2C

#003C23

#002D1B

#001E12

#000F09

#000000

#00693E

#005A35

#004B2C

#003C23

#002D1B

#001E12

#000F09

#000000

Tints

Tints are created by adding white to Dartmouth Green, resulting in softer, airier variations.

#00693E

#247E5A

#499475

#6DA991

#92BFAC

#B6D4C8

#DBEAE3

#FFFFFF

#00693E

#247E5A

#499475

#6DA991

#92BFAC

#B6D4C8

#DBEAE3

#FFFFFF

Tones

Tones of Dartmouth Green are created by adding gray, resulting in softer, desaturated variations.

#00693E

#126C47

#257051

#37735A

#497664

#5B796D

#6E7D77

#808080

#00693E

#126C47

#257051

#37735A

#497664

#5B796D

#6E7D77

#808080

Hues

Hues are variations of Dartmouth Green that differ in intensity, subtly altering a design's mood.

#00693E

#004569

#0A0069

#580069

#69002B

#692400

#5F6900

#116900

#00693E

#004569

#0A0069

#580069

#69002B

#692400

#5F6900

#116900

What Interfaces Use Colors Like Dartmouth Green?

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