Nazwany kolor · #DED8D2
White Woodruff
White Woodruff to #DED8D2: rgb(222 216 210), hsl(30 15% 85%), oklch(0.885 0.011 67.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Woodruff color name →
#DED8D2
oklch(0.885 0.011 67.7)
Konwersje koloru
- HEX
- #ded8d2
- RGB
- rgb(222 216 210)
- HSL
- hsl(30 15% 85%)
- HWB
- hwb(30 82% 13%)
- OKLCH
- oklch(0.885 0.011 67.7)
- OKLab
- oklab(0.885 0.004 0.01)
- CIE Lab
- lab(86.7 1.35 3.73)
- LCH
- lch(86.7 3.97 70.2)
- CMYK
- cmyk(0% 3% 5% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1DCD6
- E5E0DB
- E8E4DF
- EBE7E4
- EEEBE8
- F2EFED
- F5F3F1
- F8F7F6
- FCFBFA
Odcienie ciemniejsze
- C1BCB6
- A5A09B
- 898581
- 6F6B68
- 555350
- 3D3B39
- 262524
- 121110
- 020202
Tony
- D4CFC9
- CAC6C1
- C1BDB9
- B7B4B0
- AEABA8
- A4A2A0
- 9B9A98
- 929190
- 898888
Harmonie kolorów
Komplementarna +180°
- DED8D2
White Woodruff
- D4DAE0
≈ Hidden Creek
Analogowa -30° +30°
- DED8D2
White Woodruff
- E0D7D4
≈ Napa Dawn
- DBD9D2
≈ Seagull Grey
Triada +120° +240°
- DED8D2
White Woodruff
- D2DCDA
≈ Thin Cloud
- DBD7DF
≈ Violet Whimsey
Komplementarna rozszczepiona +150° +210°
- DED8D2
White Woodruff
- D2DBDE
≈ Pinwheel Geyser
- D7D9E0
≈ Petal Tip
Tetrada +90° +180° +270°
- DED8D2
White Woodruff
- D4DBD6
≈ Silvery Streak
- D4DAE0
≈ Hidden Creek
- DED7DC
≈ Pebble Beach
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.85:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.85:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-woodruff: #ded8d2;
--white-woodruff-rgb: 222 216 210;
--white-woodruff-oklch: oklch(0.885 0.011 67.7);
}
.element {
color: var(--white-woodruff);
background-color: hsl(30 15% 85%);
border-color: oklch(0.885 0.011 67.7);
}Tailwind CSS v4
@theme {
--color-white-woodruff: #ded8d2;
--color-white-woodruff-50: #f7f5f2;
--color-white-woodruff-100: #eae7e4;
--color-white-woodruff-200: #d7d3cf;
--color-white-woodruff-300: #bbb6b2;
--color-white-woodruff-400: #a39d98;
--color-white-woodruff-500: #8b857f;
--color-white-woodruff-600: #76716b;
--color-white-woodruff-700: #5e5a56;
--color-white-woodruff-800: #45423f;
--color-white-woodruff-900: #302d2b;
--color-white-woodruff-950: #1c1a18;
}SCSS
$white-woodruff: #ded8d2;
$white-woodruff-rgb: 222, 216, 210;
$white-woodruff-light: mix(#fff, $white-woodruff, 20%);
$white-woodruff-dark: mix(#000, $white-woodruff, 20%);
.element {
color: $white-woodruff;
box-shadow: 0 0 0 2px rgba($white-woodruff, 0.35);
}