Nazwany kolor · #DACBA7
Glamorgan Sausage
Glamorgan Sausage to #DACBA7: rgb(218 203 167), hsl(42 41% 75%), oklch(0.845 0.051 88.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Glamorgan Sausage color name →
#DACBA7
oklch(0.845 0.051 88.1)
Konwersje koloru
- HEX
- #dacba7
- RGB
- rgb(218 203 167)
- HSL
- hsl(42 41% 75%)
- HWB
- hwb(42 65% 15%)
- OKLCH
- oklch(0.845 0.051 88.1)
- OKLab
- oklab(0.845 0.002 0.051)
- CIE Lab
- lab(82.25 1.24 20.03)
- LCH
- lch(82.25 20.06 86.4)
- CMYK
- cmyk(0% 7% 23% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DED0B0
- E1D5B9
- E5DBC1
- E9E0CA
- ECE5D3
- F0EADC
- F4EFE4
- F8F5ED
- FBFAF6
Odcienie ciemniejsze
- BDB091
- A2967B
- 877D66
- 6C6552
- 544D3E
- 3C372C
- 25221A
- 110F0A
- 020201
Tony
- D1C3A3
- C7BC9F
- BEB49C
- B5AC98
- ACA594
- A39D90
- 9A968C
- 918F88
- 898784
Harmonie kolorów
Komplementarna +180°
- DACBA7
Glamorgan Sausage
- BECCEE
≈ Frost Fairy
Analogowa -30° +30°
- DACBA7
Glamorgan Sausage
- E6C5AC
≈ Pinkham
- C9D1AC
≈ Hidden Hills
Triada +120° +240°
- DACBA7
Glamorgan Sausage
- A6D6DE
≈ Rapture Blue
- DFC1DD
≈ Epiphany
Komplementarna rozszczepiona +150° +210°
- DACBA7
Glamorgan Sausage
- AED2EA
≈ Vive le Vent
- D0C6EA
≈ Soap
Tetrada +90° +180° +270°
- DACBA7
Glamorgan Sausage
- A9D8CC
≈ Whirlpool
- BECCEE
≈ Frost Fairy
- E9BFCC
≈ Childlike
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.60:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.08:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--glamorgan-sausage: #dacba7;
--glamorgan-sausage-rgb: 218 203 167;
--glamorgan-sausage-oklch: oklch(0.845 0.051 88.1);
}
.element {
color: var(--glamorgan-sausage);
background-color: hsl(42 41% 75%);
border-color: oklch(0.845 0.051 88.1);
}Tailwind CSS v4
@theme {
--color-glamorgan-sausage: #dacba7;
--color-glamorgan-sausage-50: #fbf5e5;
--color-glamorgan-sausage-100: #eee8d5;
--color-glamorgan-sausage-200: #dcd4bc;
--color-glamorgan-sausage-300: #c1b79a;
--color-glamorgan-sausage-400: #ab9d7c;
--color-glamorgan-sausage-500: #94855f;
--color-glamorgan-sausage-600: #7d7051;
--color-glamorgan-sausage-700: #645a40;
--color-glamorgan-sausage-800: #4a412e;
--color-glamorgan-sausage-900: #332d1f;
--color-glamorgan-sausage-950: #1f1a0f;
}SCSS
$glamorgan-sausage: #dacba7;
$glamorgan-sausage-rgb: 218, 203, 167;
$glamorgan-sausage-light: mix(#fff, $glamorgan-sausage, 20%);
$glamorgan-sausage-dark: mix(#000, $glamorgan-sausage, 20%);
.element {
color: $glamorgan-sausage;
box-shadow: 0 0 0 2px rgba($glamorgan-sausage, 0.35);
}