Nazwany kolor · #DAC7BA
Winter Savanna
Winter Savanna to #DAC7BA: rgb(218 199 186), hsl(24 30% 79%), oklch(0.842 0.028 56.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Winter Savanna color name →
#DAC7BA
oklch(0.842 0.028 56.7)
Konwersje koloru
- HEX
- #dac7ba
- RGB
- rgb(218 199 186)
- HSL
- hsl(24 30% 79%)
- HWB
- hwb(24 73% 15%)
- OKLCH
- oklch(0.842 0.028 56.7)
- OKLab
- oklab(0.842 0.015 0.023)
- CIE Lab
- lab(81.58 5.31 9.07)
- LCH
- lch(81.58 10.51 59.7)
- CMYK
- cmyk(0% 9% 15% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DECDC1
- E1D2C8
- E5D8CE
- E9DDD5
- EDE3DC
- F0E8E3
- F4EEEA
- F8F4F1
- FBF9F8
Odcienie ciemniejsze
- BDADA1
- A29389
- 877A72
- 6C625C
- 544C46
- 3C3632
- 25211E
- 110E0D
- 020202
Tony
- D1C0B4
- C7B8AE
- BEB1A8
- B5AAA2
- ACA39D
- A39C97
- 9A9591
- 918E8B
- 898786
Harmonie kolorów
Komplementarna +180°
- DAC7BA
Winter Savanna
- BBCEDB
≈ Constellation
Analogowa -30° +30°
- DAC7BA
Winter Savanna
- DDC5C1
≈ Cheerful Heart
- D3CAB7
≈ Unmarked Trail
Triada +120° +240°
- DAC7BA
Winter Savanna
- B9D1CB
≈ Jet Stream
- CCC8DC
≈ Gregorio Garden
Komplementarna rozszczepiona +150° +210°
- DAC7BA
Winter Savanna
- B7D1D4
≈ Lakeside Find
- C3CBDE
≈ Periwinkle Powder
Tetrada +90° +180° +270°
- DAC7BA
Winter Savanna
- C0D0C1
≈ Spray of Mint
- BBCEDB
≈ Constellation
- D5C5D5
≈ Fragrant Snowbell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.85:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--winter-savanna: #dac7ba;
--winter-savanna-rgb: 218 199 186;
--winter-savanna-oklch: oklch(0.842 0.028 56.7);
}
.element {
color: var(--winter-savanna);
background-color: hsl(24 30% 79%);
border-color: oklch(0.842 0.028 56.7);
}Tailwind CSS v4
@theme {
--color-winter-savanna: #dac7ba;
--color-winter-savanna-50: #fcf3ed;
--color-winter-savanna-100: #efe6df;
--color-winter-savanna-200: #ded2c9;
--color-winter-savanna-300: #c3b4aa;
--color-winter-savanna-400: #ac9b8f;
--color-winter-savanna-500: #958275;
--color-winter-savanna-600: #7e6e63;
--color-winter-savanna-700: #65584f;
--color-winter-savanna-800: #4a4039;
--color-winter-savanna-900: #342c27;
--color-winter-savanna-950: #1f1915;
}SCSS
$winter-savanna: #dac7ba;
$winter-savanna-rgb: 218, 199, 186;
$winter-savanna-light: mix(#fff, $winter-savanna, 20%);
$winter-savanna-dark: mix(#000, $winter-savanna, 20%);
.element {
color: $winter-savanna;
box-shadow: 0 0 0 2px rgba($winter-savanna, 0.35);
}