Benannte Farbe · #D7C9A5
Spa Sangria
Spa Sangria ist #D7C9A5: rgb(215 201 165), hsl(43 38% 75%), oklch(0.838 0.051 89.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Spa Sangria color name →
#D7C9A5
oklch(0.838 0.051 89.3)
Farbumrechnungen
- HEX
- #d7c9a5
- RGB
- rgb(215 201 165)
- HSL
- hsl(43 38% 75%)
- HWB
- hwb(43 65% 16%)
- OKLCH
- oklch(0.838 0.051 89.3)
- OKLab
- oklab(0.838 0.001 0.051)
- CIE Lab
- lab(81.44 0.87 19.93)
- LCH
- lch(81.44 19.95 87.5)
- CMYK
- cmyk(0% 7% 23% 16%)
Tints · Shades · Tones
Tints
- DBCEAE
- DFD4B7
- E3D9C0
- E7DEC9
- EBE4D2
- EFE9DB
- F3EFE4
- F7F4ED
- FBFAF6
Shades
- BBAE8F
- 9F9579
- 857C65
- 6B6451
- 524C3D
- 3B362B
- 25221A
- 110F0A
- 020201
Tones
- CEC1A1
- C5BA9E
- BCB39A
- B3AB96
- AAA493
- A29D8F
- 99958B
- 918E88
- 888784
Farbharmonien
Komplementär +180°
- D7C9A5
Spa Sangria
- BCC9EC
≈ Cuddle
Analog -30° +30°
- D7C9A5
Spa Sangria
- E4C3AA
≈ Peach Beauty
- C6CFAB
≈ Bamboo White
Triadisch +120° +240°
- D7C9A5
Spa Sangria
- A4D4DC
≈ Midwinter Mist
- DDBFDA
≈ Faded Violet
Geteilt komplementär +150° +210°
- D7C9A5
Spa Sangria
- ADCFE8
≈ Gentle Wind
- CEC3E7
≈ Party Hat
Tetradisch +90° +180° +270°
- D7C9A5
Spa Sangria
- A7D5CB
≈ Sinbad
- BCC9EC
≈ Cuddle
- E7BDC9
≈ Soap Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.78:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--spa-sangria: #d7c9a5;
--spa-sangria-rgb: 215 201 165;
--spa-sangria-oklch: oklch(0.838 0.051 89.3);
}
.element {
color: var(--spa-sangria);
background-color: hsl(43 38% 75%);
border-color: oklch(0.838 0.051 89.3);
}Tailwind CSS v4
@theme {
--color-spa-sangria: #d7c9a5;
--color-spa-sangria-50: #faf5e5;
--color-spa-sangria-100: #eee8d5;
--color-spa-sangria-200: #dcd4bc;
--color-spa-sangria-300: #c1b79b;
--color-spa-sangria-400: #aa9d7d;
--color-spa-sangria-500: #93855f;
--color-spa-sangria-600: #7d7151;
--color-spa-sangria-700: #645a41;
--color-spa-sangria-800: #4a412e;
--color-spa-sangria-900: #332d1f;
--color-spa-sangria-950: #1f1a0f;
}SCSS
$spa-sangria: #d7c9a5;
$spa-sangria-rgb: 215, 201, 165;
$spa-sangria-light: mix(#fff, $spa-sangria, 20%);
$spa-sangria-dark: mix(#000, $spa-sangria, 20%);
.element {
color: $spa-sangria;
box-shadow: 0 0 0 2px rgba($spa-sangria, 0.35);
}