Nazwany kolor · #C8C1B6
Clay Figurine
Clay Figurine to #C8C1B6: rgb(200 193 182), hsl(37 14% 75%), oklch(0.814 0.017 79.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Clay Figurine color name →
#C8C1B6
oklch(0.814 0.017 79.3)
Konwersje koloru
- HEX
- #c8c1b6
- RGB
- rgb(200 193 182)
- HSL
- hsl(37 14% 75%)
- HWB
- hwb(37 71% 22%)
- OKLCH
- oklch(0.814 0.017 79.3)
- OKLab
- oklab(0.814 0.003 0.017)
- CIE Lab
- lab(78.41 1.11 6.48)
- LCH
- lch(78.41 6.57 80.3)
- CMYK
- cmyk(0% 4% 9% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDC7BD
- D3CDC4
- D8D3CB
- DED9D3
- E3E0DA
- E9E6E1
- EEECE9
- F4F2F0
- F9F9F8
Odcienie ciemniejsze
- AEA79E
- 948F86
- 7B776F
- 635F59
- 4C4944
- 363430
- 21201D
- 0F0E0C
- 020202
Tony
- C1BAB0
- B9B4AB
- B2ADA5
- ABA6A0
- A3A09B
- 9C9995
- 959390
- 8E8D8B
- 878685
Harmonie kolorów
Komplementarna +180°
- C8C1B6
Clay Figurine
- BCC3CD
≈ Yorkshire Cloud
Analogowa -30° +30°
- C8C1B6
Clay Figurine
- CCBFB9
≈ Vintage Taupe
- C2C3B7
≈ Baby Barn Owl
Triada +120° +240°
- C8C1B6
Clay Figurine
- B6C6C6
≈ Trade Winds
- C7BFC9
≈ Grape Mist
Komplementarna rozszczepiona +150° +210°
- C8C1B6
Clay Figurine
- B7C4CB
≈ Lighthouse Shadows
- C1C0CD
≈ Lavender Oil
Tetrada +90° +180° +270°
- C8C1B6
Clay Figurine
- B8C6C0
≈ Blustery Wind
- BCC3CD
≈ Yorkshire Cloud
- CBBEC4
≈ Elusive Dream
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.75:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--clay-figurine: #c8c1b6;
--clay-figurine-rgb: 200 193 182;
--clay-figurine-oklch: oklch(0.814 0.017 79.3);
}
.element {
color: var(--clay-figurine);
background-color: hsl(37 14% 75%);
border-color: oklch(0.814 0.017 79.3);
}Tailwind CSS v4
@theme {
--color-clay-figurine: #c8c1b6;
--color-clay-figurine-50: #f8f5f0;
--color-clay-figurine-100: #ebe7e2;
--color-clay-figurine-200: #d8d4cc;
--color-clay-figurine-300: #bcb7ae;
--color-clay-figurine-400: #a49d93;
--color-clay-figurine-500: #8c857a;
--color-clay-figurine-600: #777167;
--color-clay-figurine-700: #5f5a52;
--color-clay-figurine-800: #46423c;
--color-clay-figurine-900: #302d29;
--color-clay-figurine-950: #1c1a17;
}SCSS
$clay-figurine: #c8c1b6;
$clay-figurine-rgb: 200, 193, 182;
$clay-figurine-light: mix(#fff, $clay-figurine, 20%);
$clay-figurine-dark: mix(#000, $clay-figurine, 20%);
.element {
color: $clay-figurine;
box-shadow: 0 0 0 2px rgba($clay-figurine, 0.35);
}