Named color · #D9CFBA
Wool Skein
Wool Skein is #D9CFBA: rgb(217 207 186), hsl(41 29% 79%), oklch(0.857 0.03 85.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Wool Skein color name →
#D9CFBA
oklch(0.857 0.03 85.6)
Color conversions
- HEX
- #d9cfba
- RGB
- rgb(217 207 186)
- HSL
- hsl(41 29% 79%)
- HWB
- hwb(41 73% 15%)
- OKLCH
- oklch(0.857 0.03 85.6)
- OKLab
- oklab(0.857 0.002 0.03)
- CIE Lab
- lab(83.52 0.99 11.78)
- LCH
- lch(83.52 11.83 85.2)
- CMYK
- cmyk(0% 5% 14% 15%)
Tints · Shades · Tones
Tints
- DDD4C1
- E1D8C8
- E4DDCE
- E8E2D5
- ECE7DC
- F0ECE3
- F4F0EA
- F7F5F1
- FBFAF8
Shades
- BCB4A1
- A19989
- 867F72
- 6C675C
- 534F46
- 3B3832
- 25231E
- 11100D
- 020202
Tones
- D0C7B4
- C7BFAE
- BDB7A8
- B4AFA2
- ABA79D
- A39F97
- 9A9791
- 918F8B
- 898886
Color harmonies
Complementary +180°
- D9CFBA
Wool Skein
- C6D0E5
≈ Paper Elephant
Analogous -30° +30°
- D9CFBA
Wool Skein
- E0CBBD
≈ Ancient Ruins
- CFD3BD
≈ Garlic Suede
Triadic +120° +240°
- D9CFBA
Wool Skein
- BAD6DA
≈ Light Sky Chase
- DBCADB
≈ Creamy Mauve
Split-complementary +150° +210°
- D9CFBA
Wool Skein
- BED4E2
≈ Two Harbours
- D1CCE2
≈ Vision
Tetradic +90° +180° +270°
- D9CFBA
Wool Skein
- BCD7CF
≈ High Point
- C6D0E5
≈ Paper Elephant
- E1C8D1
≈ Tinted Rosewood
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.58:1 · APCA Lc 78
Best text color: #000000
WCAG 13.58:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--wool-skein: #d9cfba;
--wool-skein-rgb: 217 207 186;
--wool-skein-oklch: oklch(0.857 0.03 85.6);
}
.element {
color: var(--wool-skein);
background-color: hsl(41 29% 79%);
border-color: oklch(0.857 0.03 85.6);
}Tailwind CSS v4
@theme {
--color-wool-skein: #d9cfba;
--color-wool-skein-50: #f9f5ec;
--color-wool-skein-100: #ece7dd;
--color-wool-skein-200: #dad4c6;
--color-wool-skein-300: #beb7a6;
--color-wool-skein-400: #a79d8a;
--color-wool-skein-500: #8f8570;
--color-wool-skein-600: #79715f;
--color-wool-skein-700: #615a4b;
--color-wool-skein-800: #474237;
--color-wool-skein-900: #312d25;
--color-wool-skein-950: #1d1a14;
}SCSS
$wool-skein: #d9cfba;
$wool-skein-rgb: 217, 207, 186;
$wool-skein-light: mix(#fff, $wool-skein, 20%);
$wool-skein-dark: mix(#000, $wool-skein, 20%);
.element {
color: $wool-skein;
box-shadow: 0 0 0 2px rgba($wool-skein, 0.35);
}