Nazwany kolor · #D8DCB3
Spring Thyme
Spring Thyme to #D8DCB3: rgb(216 220 179), hsl(66 37% 78%), oklch(0.881 0.055 112). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Spring Thyme color name →
#D8DCB3
oklch(0.881 0.055 112)
Konwersje koloru
- HEX
- #d8dcb3
- RGB
- rgb(216 220 179)
- HSL
- hsl(66 37% 78%)
- HWB
- hwb(66 70% 14%)
- OKLCH
- oklch(0.881 0.055 112)
- OKLab
- oklab(0.881 -0.02 0.051)
- CIE Lab
- lab(86.66 -6.46 19.76)
- LCH
- lch(86.66 20.79 108.1)
- CMYK
- cmyk(2% 0% 19% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCE0BB
- E0E3C2
- E3E7CA
- E7EAD1
- EBEED9
- EFF1E1
- F3F5E8
- F7F8F0
- FBFCF7
Odcienie ciemniejsze
- BCBF9B
- A0A384
- 85886E
- 6B6E58
- 535443
- 3B3C2F
- 25261D
- 11110C
- 020201
Tony
- CFD2AE
- C6C9A9
- BDC0A4
- B4B69F
- ABAD9A
- A2A494
- 999B8F
- 91928A
- 888985
Harmonie kolorów
Komplementarna +180°
- D8DCB3
Spring Thyme
- D8D2FA
≈ Pale Lavender
Analogowa -30° +30°
- D8DCB3
Spring Thyme
- EAD5B0
≈ Summer Melon
- C4E2C0
≈ Ambrosia
Triada +120° +240°
- D8DCB3
Spring Thyme
- B5DFF6
≈ Echo Iris
- F6CADB
≈ Baby Steps
Komplementarna rozszczepiona +150° +210°
- D8DCB3
Spring Thyme
- C4D9FD
≈ Fly a Kite
- E9CCEE
≈ Bubblegum Crisis
Tetrada +90° +180° +270°
- D8DCB3
Spring Thyme
- AEE3E7
≈ Powder Blue
- D8D2FA
≈ Pale Lavender
- FACAC8
≈ Sunday Best
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.80:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--spring-thyme: #d8dcb3;
--spring-thyme-rgb: 216 220 179;
--spring-thyme-oklch: oklch(0.881 0.055 112);
}
.element {
color: var(--spring-thyme);
background-color: hsl(66 37% 78%);
border-color: oklch(0.881 0.055 112);
}Tailwind CSS v4
@theme {
--color-spring-thyme: #d8dcb3;
--color-spring-thyme-50: #f4f7e6;
--color-spring-thyme-100: #e7ead6;
--color-spring-thyme-200: #d3d7bd;
--color-spring-thyme-300: #b6bb9b;
--color-spring-thyme-400: #9fa27d;
--color-spring-thyme-500: #878a60;
--color-spring-thyme-600: #727552;
--color-spring-thyme-700: #5b5e41;
--color-spring-thyme-800: #43442e;
--color-spring-thyme-900: #2e2f1f;
--color-spring-thyme-950: #1b1c0f;
}SCSS
$spring-thyme: #d8dcb3;
$spring-thyme-rgb: 216, 220, 179;
$spring-thyme-light: mix(#fff, $spring-thyme, 20%);
$spring-thyme-dark: mix(#000, $spring-thyme, 20%);
.element {
color: $spring-thyme;
box-shadow: 0 0 0 2px rgba($spring-thyme, 0.35);
}