Nazwany kolor · #BDB5B3
Winter Calm
Winter Calm to #BDB5B3: rgb(189 181 179), hsl(12 7% 72%), oklch(0.779 0.01 34.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Winter Calm color name →
#BDB5B3
oklch(0.779 0.01 34.3)
Konwersje koloru
- HEX
- #bdb5b3
- RGB
- rgb(189 181 179)
- HSL
- hsl(12 7% 72%)
- HWB
- hwb(12 70% 26%)
- OKLCH
- oklch(0.779 0.01 34.3)
- OKLab
- oklab(0.779 0.008 0.005)
- CIE Lab
- lab(74.31 2.67 2.09)
- LCH
- lch(74.31 3.39 38)
- CMYK
- cmyk(0% 4% 5% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3BCBA
- CAC3C2
- D0CBC9
- D7D2D1
- DED9D8
- E4E1E0
- EBE8E8
- F2F0EF
- F8F7F7
Odcienie ciemniejsze
- A49D9B
- 8C8684
- 746F6E
- 5D5958
- 474443
- 33302F
- 1F1D1D
- 0D0C0C
- 020201
Tony
- B7B0AE
- B0AAA9
- AAA5A3
- A49F9E
- 9E9A99
- 989594
- 92908F
- 8C8A8A
- 868585
Harmonie kolorów
Komplementarna +180°
- BDB5B3
Winter Calm
- B1B9BB
≈ Autumn Fog
Analogowa -30° +30°
- BDB5B3
Winter Calm
- BDB5B6
≈ Winter Calm
- BCB6B1
≈ Rampart
Triada +120° +240°
- BDB5B3
Winter Calm
- B3B9B4
≈ Grey Tweed
- B5B7BD
≈ Powder Dust
Komplementarna rozszczepiona +150° +210°
- BDB5B3
Winter Calm
- B1B9B8
≈ Swag Bag Silver
- B2B8BD
≈ Grey Pearl Sand
Tetrada +90° +180° +270°
- BDB5B3
Winter Calm
- B6B8B2
≈ Fossilised
- B1B9BB
≈ Autumn Fog
- B8B6BC
≈ Powder Dust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.42:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--winter-calm: #bdb5b3;
--winter-calm-rgb: 189 181 179;
--winter-calm-oklch: oklch(0.779 0.01 34.3);
}
.element {
color: var(--winter-calm);
background-color: hsl(12 7% 72%);
border-color: oklch(0.779 0.01 34.3);
}Tailwind CSS v4
@theme {
--color-winter-calm: #bdb5b3;
--color-winter-calm-50: #f8f4f3;
--color-winter-calm-100: #ebe7e6;
--color-winter-calm-200: #d8d3d1;
--color-winter-calm-300: #bcb6b4;
--color-winter-calm-400: #a49c9b;
--color-winter-calm-500: #8c8482;
--color-winter-calm-600: #77706e;
--color-winter-calm-700: #5f5958;
--color-winter-calm-800: #464140;
--color-winter-calm-900: #302d2c;
--color-winter-calm-950: #1c1a19;
}SCSS
$winter-calm: #bdb5b3;
$winter-calm-rgb: 189, 181, 179;
$winter-calm-light: mix(#fff, $winter-calm, 20%);
$winter-calm-dark: mix(#000, $winter-calm, 20%);
.element {
color: $winter-calm;
box-shadow: 0 0 0 2px rgba($winter-calm, 0.35);
}