Nazwany kolor · #C9B6A1
Shaggy Dog
Shaggy Dog to #C9B6A1: rgb(201 182 161), hsl(32 27% 71%), oklch(0.787 0.036 70.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Shaggy Dog color name →
#C9B6A1
oklch(0.787 0.036 70.1)
Konwersje koloru
- HEX
- #c9b6a1
- RGB
- rgb(201 182 161)
- HSL
- hsl(32 27% 71%)
- HWB
- hwb(32 63% 21%)
- OKLCH
- oklch(0.787 0.036 70.1)
- OKLab
- oklab(0.787 0.012 0.034)
- CIE Lab
- lab(75.26 4.51 13.33)
- LCH
- lch(75.26 14.07 71.3)
- CMYK
- cmyk(0% 9% 20% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEBDAA
- D4C4B3
- D9CCBD
- DED3C6
- E4DACF
- E9E1D9
- EFE9E2
- F4F0EC
- FAF8F5
Odcienie ciemniejsze
- AE9E8B
- 958676
- 7C6F62
- 64594E
- 4C443C
- 36302A
- 221D19
- 0F0C09
- 020201
Tony
- C1B09E
- BAAB9A
- B3A697
- ABA094
- A49B91
- 9D958D
- 95908A
- 8E8B87
- 878583
Harmonie kolorów
Komplementarna +180°
- C9B6A1
Shaggy Dog
- A9BCD0
≈ Skyway
Analogowa -30° +30°
- C9B6A1
Shaggy Dog
- CFB2A8
≈ Damask Dunes
- BEBBA0
≈ Dried Thyme
Triada +120° +240°
- C9B6A1
Shaggy Dog
- A0C1BF
≈ Frosty Glade
- C1B3CB
≈ Orchid Petal
Komplementarna rozszczepiona +150° +210°
- C9B6A1
Shaggy Dog
- A1BFCA
≈ Frozen Tundra
- B4B7D1
≈ Hundred Waters
Tetrada +90° +180° +270°
- C9B6A1
Shaggy Dog
- A6C1B2
≈ Folk Tales
- A9BCD0
≈ Skyway
- CAB1C1
≈ Runic Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.68:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--shaggy-dog: #c9b6a1;
--shaggy-dog-rgb: 201 182 161;
--shaggy-dog-oklch: oklch(0.787 0.036 70.1);
}
.element {
color: var(--shaggy-dog);
background-color: hsl(32 27% 71%);
border-color: oklch(0.787 0.036 70.1);
}Tailwind CSS v4
@theme {
--color-shaggy-dog: #c9b6a1;
--color-shaggy-dog-50: #fcf4ea;
--color-shaggy-dog-100: #f0e6db;
--color-shaggy-dog-200: #ded2c4;
--color-shaggy-dog-300: #c3b5a4;
--color-shaggy-dog-400: #ad9b88;
--color-shaggy-dog-500: #96826c;
--color-shaggy-dog-600: #7f6e5c;
--color-shaggy-dog-700: #665849;
--color-shaggy-dog-800: #4b4035;
--color-shaggy-dog-900: #342c24;
--color-shaggy-dog-950: #1f1913;
}SCSS
$shaggy-dog: #c9b6a1;
$shaggy-dog-rgb: 201, 182, 161;
$shaggy-dog-light: mix(#fff, $shaggy-dog, 20%);
$shaggy-dog-dark: mix(#000, $shaggy-dog, 20%);
.element {
color: $shaggy-dog;
box-shadow: 0 0 0 2px rgba($shaggy-dog, 0.35);
}