Ancestral Gold Color Hex Code

#ddcda6
HEX
#ddcda6
RGB
rgb(221, 205, 166)
HSL
hsl(43°, 45%, 76%)
CMYK
cmyk(0%, 7%, 25%, 13%)
RGBA
rgba(221, 205, 166, 1)
HSLA
hsla(43, 45%, 76%, 1)
Android / Flutter
Color(0xFFDDCDA6)
Swift / UIColor
UIColor(r:0.87 g:0.80 b:0.65)
Hex 0x
0xDDCDA6
White text
1.57:1
FailFail Large
Black text
13.36:1
AAAAA Large

WCAG AA requires ≥4.5:1 for normal text, ≥3:1 for large text. AAA requires ≥7:1.

Contrast with white1.57:1
Contrast with black13.36:1
Sample text 21:1
+
=
50%
CSS Variables
/* Ancestral Gold Color Hex Code */
--color-primary: #ddcda6;
--color-primary-rgb: 221, 205, 166;
--color-primary-hsl: 43 45% 76%;
--color-primary-text: #1a1a2e;
Tailwind Config
// tailwind.config.js
colors: {
  'ancestral-gold-color-hex-code': {
    DEFAULT: '#ddcda6',
    100: '#ffffff',
    200: '#fbfaf5',
    300: '#f8f4eb',
    400: '#f4efe1',
    500: '#f0e9d8',
    600: '#c4b694',
    700: '#ac9f81',
    800: '#93896f',
    900: '#7b725c',
    950: '#625b4a',
  }
}
SCSS Map
$ancestral-gold-color-hex-code: (
  'base': #ddcda6,
  'light': #f8f4eb,
  'dark': #ac9f81,
  'rgb': 221, 205, 166
);
Badge Outline Badge
AB
Ancestral Gold Color Hex Code
#ddcda6

A beautiful color used in modern design systems. Click to copy the hex code and use it in your projects.

Heading H1

Heading H2

Regular body text with a colored link inside. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Caption text or muted secondary copy. Used for descriptions and supplemental information.


Highlighted blockquote text using this color as an accent.

How this color appears to people with different types of color vision deficiency.

Normal — #ddcda6
Deuteranopia — #d7d8a6
Protanopia — #d6d6a6
Tritanopia — #ddcbb7
Achromatopsia — #cdcdcd

Ancestral Gold Color Hex Code Color Palettes

#b29553
#cbab62
#ccaa71
#dccead
#eae4c2
#e5c776
#e5c88f
#f1e6c5
#f6efda
#ffffff
#ccb693
#d0c49f
#d5cfb3
#efe7dc
#fbfaf9
#c7d6a4
#e8f2d4
#edf1e0
#f7faf0
#ffffff
#dba099
#e8cdca
#fbf5f4
#f8eeed
#ffffff
#e7d388
#f1d8a2
#fbf4e5
#ffffff
#ffffff
#c3c1b6
#d6cfc2
#f3f1ec
#ffffff
#ffffff
#d9d778
#e6de94
#ebe8b7
#f6f2d0
#fdfdf7
#dc8150
#e0af6c
#efc8af
#f0d2bc
#f7eade

Ancestral Gold Color Hex Code Shades

#ddcda6
#c4b694
#ac9f81
#93896f
#7b725c
#625b4a
#4a4437
#312e25
#191712
#000000

Ancestral Gold Color Hex Code Tints

#ddcea6
#e1d3b0
#e5d9ba
#e9dec4
#ece4ce
#f0e9d8
#f4efe1
#f8f4eb
#fbfaf5
#ffffff

Ancestral Gold Color Hex Code Tones

#ddcea6
#dacca9
#d7cbac
#d4caaf
#d1c8b3
#cec7b6
#cbc6b9
#c8c4bc
#c5c3bf
#c2c2c2

Ancestral Gold Color Hex Code Gradients

Light fade linear-gradient(135deg, #ddcda6, #fbfaf5)...
Dark fade linear-gradient(135deg, #ddcda6, #c4b694)...
Complementary linear-gradient(135deg, #ddcda6, #a6b6dd)...
Triadic linear-gradient(135deg, #ddcda6, #a6ddce, #cea6dd) ...
Saturation burst linear-gradient(135deg, #cec7b6, #ffdc85) ...

Ancestral Gold Color Hex Code Related Colors

Copied!