Benannte Farbe · #D1AB99
Saltwater Taffy
Saltwater Taffy ist #D1AB99: rgb(209 171 153), hsl(19 38% 71%), oklch(0.77 0.051 46.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Saltwater Taffy color name →
#D1AB99
oklch(0.77 0.051 46.7)
Farbumrechnungen
- HEX
- #d1ab99
- RGB
- rgb(209 171 153)
- HSL
- hsl(19 38% 71%)
- HWB
- hwb(19 60% 18%)
- OKLCH
- oklch(0.77 0.051 46.7)
- OKLab
- oklab(0.77 0.035 0.037)
- CIE Lab
- lab(73.1 12.35 14.8)
- LCH
- lch(73.1 19.28 50.2)
- CMYK
- cmyk(0% 18% 27% 18%)
Tints · Shades · Tones
Tints
- D6B3A3
- DABBAD
- DFC4B7
- E4CCC1
- E8D4CB
- EDDDD5
- F2E5E0
- F6EEEA
- FBF6F5
Shades
- B59484
- 9B7E70
- 81685D
- 68544A
- 504038
- 392D27
- 231B17
- 100B08
- 020101
Tones
- C9A797
- C1A294
- B89E92
- B09A8F
- A8958D
- A0918A
- 988D88
- 908985
- 888483
Farbharmonien
Komplementär +180°
- D1AB99
Saltwater Taffy
- 92BCCE
≈ Reef Blue
Analog -30° +30°
- D1AB99
Saltwater Taffy
- D3A8A9
≈ Baby Jane
- C7B190
≈ Spanish Sand
Triadisch +120° +240°
- D1AB99
Saltwater Taffy
- 96BFAD
≈ Scenic View
- B1B0D4
≈ Freesia Purple
Geteilt komplementär +150° +210°
- D1AB99
Saltwater Taffy
- 8EBFBF
≈ Chinese Tzu
- A0B6D5
≈ Mont Blanc
Tetradisch +90° +180° +270°
- D1AB99
Saltwater Taffy
- A6BC9C
≈ Spring Rain
- 92BCCE
≈ Reef Blue
- C2ABCB
≈ Immortal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.99:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--saltwater-taffy: #d1ab99;
--saltwater-taffy-rgb: 209 171 153;
--saltwater-taffy-oklch: oklch(0.77 0.051 46.7);
}
.element {
color: var(--saltwater-taffy);
background-color: hsl(19 38% 71%);
border-color: oklch(0.77 0.051 46.7);
}Tailwind CSS v4
@theme {
--color-saltwater-taffy: #d1ab99;
--color-saltwater-taffy-50: #fff1e9;
--color-saltwater-taffy-100: #f7e3d9;
--color-saltwater-taffy-200: #e8cec2;
--color-saltwater-taffy-300: #ceb0a1;
--color-saltwater-taffy-400: #b99685;
--color-saltwater-taffy-500: #a37c69;
--color-saltwater-taffy-600: #8a6959;
--color-saltwater-taffy-700: #6f5447;
--color-saltwater-taffy-800: #523d34;
--color-saltwater-taffy-900: #392a23;
--color-saltwater-taffy-950: #231712;
}SCSS
$saltwater-taffy: #d1ab99;
$saltwater-taffy-rgb: 209, 171, 153;
$saltwater-taffy-light: mix(#fff, $saltwater-taffy, 20%);
$saltwater-taffy-dark: mix(#000, $saltwater-taffy, 20%);
.element {
color: $saltwater-taffy;
box-shadow: 0 0 0 2px rgba($saltwater-taffy, 0.35);
}