Nazwany kolor · #D1D2BE
Soft Kind
Soft Kind to #D1D2BE: rgb(209 210 190), hsl(63 18% 78%), oklch(0.858 0.027 109.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Kind color name →
#D1D2BE
oklch(0.858 0.027 109.3)
Konwersje koloru
- HEX
- #d1d2be
- RGB
- rgb(209 210 190)
- HSL
- hsl(63 18% 78%)
- HWB
- hwb(63 75% 18%)
- OKLCH
- oklch(0.858 0.027 109.3)
- OKLab
- oklab(0.858 -0.009 0.026)
- CIE Lab
- lab(83.71 -2.94 9.83)
- LCH
- lch(83.71 10.26 106.7)
- CMYK
- cmyk(0% 0% 10% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6D6C4
- DADBCB
- DFDFD1
- E3E4D8
- E8E8DE
- ECEDE5
- F1F1EB
- F6F6F2
- FAFAF8
Odcienie ciemniejsze
- B5B6A5
- 9B9B8C
- 818175
- 68685E
- 505048
- 393933
- 23241F
- 10100D
- 020202
Tony
- C9C9B8
- C0C1B1
- B8B9AB
- B0B0A5
- A8A89F
- A0A098
- 989892
- 90908C
- 888886
Harmonie kolorów
Komplementarna +180°
- D1D2BE
Soft Kind
- CFCEE1
≈ Breezy Violet
Analogowa -30° +30°
- D1D2BE
Soft Kind
- DACFBD
≈ Buff It
- C7D5C4
≈ Apothecary Jar
Triada +120° +240°
- D1D2BE
Soft Kind
- BFD4DF
≈ Winterscape
- DFC9D3
≈ French Lavender
Komplementarna rozszczepiona +150° +210°
- D1D2BE
Soft Kind
- C6D1E2
≈ Love Crystal
- D8CBDC
≈ Dusky Lilac
Tetrada +90° +180° +270°
- D1D2BE
Soft Kind
- BDD6D7
≈ Wind Speed
- CFCEE1
≈ Breezy Violet
- E2CAC9
≈ Youth
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.67:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.67:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-kind: #d1d2be;
--soft-kind-rgb: 209 210 190;
--soft-kind-oklch: oklch(0.858 0.027 109.3);
}
.element {
color: var(--soft-kind);
background-color: hsl(63 18% 78%);
border-color: oklch(0.858 0.027 109.3);
}Tailwind CSS v4
@theme {
--color-soft-kind: #d1d2be;
--color-soft-kind-50: #f5f6ed;
--color-soft-kind-100: #e8e9df;
--color-soft-kind-200: #d4d6c9;
--color-soft-kind-300: #b7b9a9;
--color-soft-kind-400: #9fa08e;
--color-soft-kind-500: #878874;
--color-soft-kind-600: #727362;
--color-soft-kind-700: #5b5c4e;
--color-soft-kind-800: #434338;
--color-soft-kind-900: #2e2e27;
--color-soft-kind-950: #1b1b15;
}SCSS
$soft-kind: #d1d2be;
$soft-kind-rgb: 209, 210, 190;
$soft-kind-light: mix(#fff, $soft-kind, 20%);
$soft-kind-dark: mix(#000, $soft-kind, 20%);
.element {
color: $soft-kind;
box-shadow: 0 0 0 2px rgba($soft-kind, 0.35);
}