Benannte Farbe · #DCC9AD
Woollen Sox
Woollen Sox ist #DCC9AD: rgb(220 201 173), hsl(36 40% 77%), oklch(0.844 0.043 77.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Woollen Sox color name →
#DCC9AD
oklch(0.844 0.043 77.6)
Farbumrechnungen
- HEX
- #dcc9ad
- RGB
- rgb(220 201 173)
- HSL
- hsl(36 40% 77%)
- HWB
- hwb(36 68% 14%)
- OKLCH
- oklch(0.844 0.043 77.6)
- OKLab
- oklab(0.844 0.009 0.042)
- CIE Lab
- lab(82.02 3.62 16.59)
- LCH
- lch(82.02 16.98 77.7)
- CMYK
- cmyk(0% 9% 21% 14%)
Tints · Shades · Tones
Tints
- E0CEB5
- E3D4BD
- E7D9C5
- EADECE
- EEE4D6
- F1E9DE
- F5EFE6
- F8F4EE
- FCFAF7
Shades
- BFAE96
- A3957F
- 887C6A
- 6E6455
- 544C41
- 3C362D
- 26221B
- 110F0B
- 020201
Tones
- D2C1A9
- C9BAA4
- C0B3A0
- B6AB9B
- ADA497
- A49D92
- 9B958E
- 928E89
- 898785
Farbharmonien
Komplementär +180°
- DCC9AD
Woollen Sox
- BBCDE9
≈ Maritime
Analog -30° +30°
- DCC9AD
Woollen Sox
- E5C4B4
≈ Antoinette Pink
- CECFAE
≈ Longbeard Grey
Triadisch +120° +240°
- DCC9AD
Woollen Sox
- ACD5D6
≈ Light Continental Waters
- D8C4DF
≈ Simply Lavender
Geteilt komplementär +150° +210°
- DCC9AD
Woollen Sox
- AFD2E2
≈ Light Bobby Blue
- CAC8E7
≈ Italian Fitch
Tetradisch +90° +180° +270°
- DCC9AD
Woollen Sox
- B2D6C6
≈ Chlorophyll Cream
- BBCDE9
≈ Maritime
- E2C1D1
≈ In the Slip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 13.00:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 13.00:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--woollen-sox: #dcc9ad;
--woollen-sox-rgb: 220 201 173;
--woollen-sox-oklch: oklch(0.844 0.043 77.6);
}
.element {
color: var(--woollen-sox);
background-color: hsl(36 40% 77%);
border-color: oklch(0.844 0.043 77.6);
}Tailwind CSS v4
@theme {
--color-woollen-sox: #dcc9ad;
--color-woollen-sox-50: #fcf4e8;
--color-woollen-sox-100: #f0e7d8;
--color-woollen-sox-200: #ded3c0;
--color-woollen-sox-300: #c3b59f;
--color-woollen-sox-400: #ad9c82;
--color-woollen-sox-500: #968366;
--color-woollen-sox-600: #7f6f57;
--color-woollen-sox-700: #665945;
--color-woollen-sox-800: #4b4032;
--color-woollen-sox-900: #342c22;
--color-woollen-sox-950: #201911;
}SCSS
$woollen-sox: #dcc9ad;
$woollen-sox-rgb: 220, 201, 173;
$woollen-sox-light: mix(#fff, $woollen-sox, 20%);
$woollen-sox-dark: mix(#000, $woollen-sox, 20%);
.element {
color: $woollen-sox;
box-shadow: 0 0 0 2px rgba($woollen-sox, 0.35);
}