Nazwany kolor · #8B8074
Seine
Seine to #8B8074: rgb(139 128 116), hsl(31 9% 50%), oklch(0.606 0.022 69.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Seine color name →
#8B8074
oklch(0.606 0.022 69.8)
Konwersje koloru
- HEX
- #8b8074
- RGB
- rgb(139 128 116)
- HSL
- hsl(31 9% 50%)
- HWB
- hwb(31 45% 45%)
- OKLCH
- oklch(0.606 0.022 69.8)
- OKLab
- oklab(0.606 0.008 0.021)
- CIE Lab
- lab(54.32 2.74 8.13)
- LCH
- lch(54.32 8.58 71.3)
- CMYK
- cmyk(0% 8% 17% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 968C81
- A1988E
- ACA49C
- B8B1A9
- C3BEB7
- CFCAC5
- DBD7D3
- E7E4E2
- F3F2F0
Odcienie ciemniejsze
- 786E64
- 665D54
- 544D45
- 433D37
- 322E29
- 231F1B
- 14120F
- 070605
- 010101
Tony
- 8A8075
- 898076
- 888078
- 878079
- 86807A
- 84807B
- 83807C
- 82807E
- 81807F
Harmonie kolorów
Komplementarna +180°
- 8B8074
Seine
- 78838F
≈ Link
Analogowa -30° +30°
- 8B8074
Seine
- 8F7E78
≈ Cinnamon Toast
- 858374
≈ Hanover Pewter
Triada +120° +240°
- 8B8074
Seine
- 748785
≈ Deep Thoughts
- 867F8C
≈ Lavender Mosaic
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.86:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.43:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--seine: #8b8074;
--seine-rgb: 139 128 116;
--seine-oklch: oklch(0.606 0.022 69.8);
}
.element {
color: var(--seine);
background-color: hsl(31 9% 50%);
border-color: oklch(0.606 0.022 69.8);
}Tailwind CSS v4
@theme {
--color-seine: #8b8074;
--color-seine-50: #f9f4ee;
--color-seine-100: #ede7e0;
--color-seine-200: #dad3ca;
--color-seine-300: #bfb6ab;
--color-seine-400: #a79c91;
--color-seine-500: #908477;
--color-seine-600: #7a7065;
--color-seine-700: #625950;
--color-seine-800: #48413a;
--color-seine-900: #322d28;
--color-seine-950: #1e1a16;
}SCSS
$seine: #8b8074;
$seine-rgb: 139, 128, 116;
$seine-light: mix(#fff, $seine, 20%);
$seine-dark: mix(#000, $seine, 20%);
.element {
color: $seine;
box-shadow: 0 0 0 2px rgba($seine, 0.35);
}