Rosewood Color

#674846

Shades

Darker variations of each color in your palette

Base Color

#674846
#674846
#523A38
#3E2B2A
#291D1C
#150E0E
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#674846
#674846
#856D6B
#A49190
#C2B6B5
#E1DADA
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#674846Rosewood Color
RGB103, 72, 70
HSL4, 19%, 34%
CMYK0%, 30%, 32%, 60%
OKLCHoklch(0.435 0.043 23)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#674846
#674655
#674846
#675946

Analogous

#674846
#466567

Complementary

#674846
#466748
#484667

Triadic

#674846
#466759
#465567

Split Complementary

#674846
#556746
#466567
#594667

Tetradic

#3D2B29
#6A4B48
#986B67
#B79795
#D6C4C2

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#674846
#674646
#676746
#466746
#466767
#464667
#674667

Hues

Tones

Tones created by adding gray to each color

Base Color

#674846
#674846
#6C5352
#715E5D
#766A69
#7B7574
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#674846
#7E4C43
#955040
#AB553D

Warmer

#624C62
#5E507E
#595599

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#674846

On White Background

Sample Text
Contrast Ratio:8.10:1
WCAG Level:AAA
PASS

On Black Background

Sample Text
Contrast Ratio:2.59:1
WCAG Level:Fail
FAIL

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)