Najbliższy nazwany kolor · #DAC99D
#DAC99D
Najbliższy nazwany kolor: Ancestral Gold
#DAC99D (rgb(218 201 157), hsl(43 45% 74%), oklch(0.839 0.061 89.4)) jest najbliższy nazwanemu kolorowi Ancestral Gold. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DAC99D
oklch(0.839 0.061 89.4)
Konwersje koloru
- HEX
- #dac99d
- RGB
- rgb(218 201 157)
- HSL
- hsl(43 45% 74%)
- HWB
- hwb(43 62% 15%)
- OKLCH
- oklch(0.839 0.061 89.4)
- OKLab
- oklab(0.839 0.001 0.061)
- CIE Lab
- lab(81.57 1.22 24.35)
- LCH
- lch(81.57 24.38 87.1)
- CMYK
- cmyk(0% 8% 28% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DECEA7
- E1D4B1
- E5D9BA
- E9DFC4
- ECE4CE
- F0E9D8
- F4EFE2
- F8F4EB
- FBFAF5
Odcienie ciemniejsze
- BDAE88
- A29573
- 877C5F
- 6C644C
- 544C3A
- 3C3628
- 252218
- 110F09
- 020201
Tony
- D1C19A
- C7BA98
- BEB395
- B5AB92
- ACA48F
- A39D8C
- 9A9589
- 918E86
- 898783
Harmonie kolorów
Komplementarna +180°
- DAC99D
Ancestral Gold
- BAC9F3
≈ Cuddle
Analogowa -30° +30°
- DAC99D
Ancestral Gold
- E9C1A3
≈ Toasted Coconut
- C5D1A4
≈ Landscape
Triada +120° +240°
- DAC99D
Ancestral Gold
- 9BD6E0
≈ Ocean Cruise
- E2BCDE
≈ Sweetie Pie
Komplementarna rozszczepiona +150° +210°
- DAC99D
Ancestral Gold
- A6D0EE
≈ Marzena Dream
- D0C2ED
≈ York Plum
Tetrada +90° +180° +270°
- DAC99D
Ancestral Gold
- 9FD8CB
≈ Yucca Cream
- BAC9F3
≈ Cuddle
- EDBAC9
≈ Madder Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.82:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--ancestral-gold: #dac99d;
--ancestral-gold-rgb: 218 201 157;
--ancestral-gold-oklch: oklch(0.839 0.061 89.4);
}
.element {
color: var(--ancestral-gold);
background-color: hsl(43 45% 74%);
border-color: oklch(0.839 0.061 89.4);
}Tailwind CSS v4
@theme {
--color-ancestral-gold: #dac99d;
--color-ancestral-gold-50: #fbf5e2;
--color-ancestral-gold-100: #efe8d1;
--color-ancestral-gold-200: #ded4b7;
--color-ancestral-gold-300: #c3b794;
--color-ancestral-gold-400: #ad9d75;
--color-ancestral-gold-500: #968556;
--color-ancestral-gold-600: #7f7049;
--color-ancestral-gold-700: #665a3a;
--color-ancestral-gold-800: #4b4129;
--color-ancestral-gold-900: #342d1c;
--color-ancestral-gold-950: #201a0c;
}SCSS
$ancestral-gold: #dac99d;
$ancestral-gold-rgb: 218, 201, 157;
$ancestral-gold-light: mix(#fff, $ancestral-gold, 20%);
$ancestral-gold-dark: mix(#000, $ancestral-gold, 20%);
.element {
color: $ancestral-gold;
box-shadow: 0 0 0 2px rgba($ancestral-gold, 0.35);
}