Nazwany kolor · #C8D5BB
Willow Tree Mouse
Willow Tree Mouse to #C8D5BB: rgb(200 213 187), hsl(90 24% 78%), oklch(0.856 0.038 129). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Willow Tree Mouse color name →
#C8D5BB
oklch(0.856 0.038 129)
Konwersje koloru
- HEX
- #c8d5bb
- RGB
- rgb(200 213 187)
- HSL
- hsl(90 24% 78%)
- HWB
- hwb(90 73% 16%)
- OKLCH
- oklch(0.856 0.038 129)
- OKLab
- oklab(0.856 -0.024 0.029)
- CIE Lab
- lab(83.74 -8.03 11.33)
- LCH
- lch(83.74 13.88 125.3)
- CMYK
- cmyk(6% 0% 12% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDD9C2
- D3DDC8
- D8E2CF
- DEE6D6
- E3EADD
- E9EEE4
- EEF2EA
- F4F7F1
- F9FBF8
Odcienie ciemniejsze
- AEB9A2
- 949E8A
- 7B8373
- 636A5C
- 4C5146
- 363A32
- 21241F
- 0F100D
- 020202
Tony
- C1CCB5
- B9C3AF
- B2BBA9
- ABB2A3
- A3AA9D
- 9CA197
- 959991
- 8E908C
- 878886
Harmonie kolorów
Komplementarna +180°
- C8D5BB
Willow Tree Mouse
- D7C9E3
≈ Purity
Analogowa -30° +30°
- C8D5BB
Willow Tree Mouse
- D6D1B5
≈ Pistachio Tang
- BCD8C7
≈ Dusty Aqua
Triada +120° +240°
- C8D5BB
Willow Tree Mouse
- BDD2E8
≈ Modern Blue
- E7C6CA
≈ Oh so Pretty
Komplementarna rozszczepiona +150° +210°
- C8D5BB
Willow Tree Mouse
- CACEE9
≈ Purple Pj’s
- E1C7D8
≈ Marvellous Magic
Tetrada +90° +180° +270°
- C8D5BB
Willow Tree Mouse
- B5D6E1
≈ Rain Check
- D7C9E3
≈ Purity
- E7C8BE
≈ Iced Cherry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.69:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.69:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--willow-tree-mouse: #c8d5bb;
--willow-tree-mouse-rgb: 200 213 187;
--willow-tree-mouse-oklch: oklch(0.856 0.038 129);
}
.element {
color: var(--willow-tree-mouse);
background-color: hsl(90 24% 78%);
border-color: oklch(0.856 0.038 129);
}Tailwind CSS v4
@theme {
--color-willow-tree-mouse: #c8d5bb;
--color-willow-tree-mouse-50: #f1f8ec;
--color-willow-tree-mouse-100: #e3ebde;
--color-willow-tree-mouse-200: #cfd8c7;
--color-willow-tree-mouse-300: #b1bca8;
--color-willow-tree-mouse-400: #97a38c;
--color-willow-tree-mouse-500: #7e8b71;
--color-willow-tree-mouse-600: #6b7660;
--color-willow-tree-mouse-700: #555e4c;
--color-willow-tree-mouse-800: #3f4537;
--color-willow-tree-mouse-900: #2b3025;
--color-willow-tree-mouse-950: #191c14;
}SCSS
$willow-tree-mouse: #c8d5bb;
$willow-tree-mouse-rgb: 200, 213, 187;
$willow-tree-mouse-light: mix(#fff, $willow-tree-mouse, 20%);
$willow-tree-mouse-dark: mix(#000, $willow-tree-mouse, 20%);
.element {
color: $willow-tree-mouse;
box-shadow: 0 0 0 2px rgba($willow-tree-mouse, 0.35);
}