Nazwany kolor · #D38977
Zanci
Zanci to #D38977: rgb(211 137 119), hsl(12 51% 65%), oklch(0.701 0.095 34.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Zanci color name →
#D38977
oklch(0.701 0.095 34.3)
Konwersje koloru
- HEX
- #d38977
- RGB
- rgb(211 137 119)
- HSL
- hsl(12 51% 65%)
- HWB
- hwb(12 47% 17%)
- OKLCH
- oklch(0.701 0.095 34.3)
- OKLab
- oklab(0.701 0.079 0.054)
- CIE Lab
- lab(64.6 27.58 21.99)
- LCH
- lch(64.6 35.27 38.6)
- CMYK
- cmyk(0% 35% 44% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D89584
- DDA091
- E2AC9F
- E7B8AC
- EBC4BA
- F0CFC7
- F4DBD5
- F8E7E3
- FBF3F1
Odcienie ciemniejsze
- B77667
- 9C6457
- 825347
- 694238
- 51312A
- 3A221C
- 241410
- 100705
- 020101
Tony
- CB8878
- C38879
- BB877A
- B3867B
- AA857C
- A2847D
- 9A837E
- 91827F
- 89817F
Harmonie kolorów
Komplementarna +180°
- D38977
Zanci
- 4DAEC3
≈ Viking
Analogowa -30° +30°
- D38977
Zanci
- D18698
≈ Speckled Easter Egg
- C8925E
≈ Mid Tan
Triada +120° +240°
- D38977
Zanci
- 6DB184
≈ Lily Pads
- 8D9ADA
≈ Portage
Komplementarna rozszczepiona +150° +210°
- D38977
Zanci
- 4EB2A6
≈ Emerald Wave
- 6AA5D6
≈ Water Spirit
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.75:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.61:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--zanci: #d38977;
--zanci-rgb: 211 137 119;
--zanci-oklch: oklch(0.701 0.095 34.3);
}
.element {
color: var(--zanci);
background-color: hsl(12 51% 65%);
border-color: oklch(0.701 0.095 34.3);
}Tailwind CSS v4
@theme {
--color-zanci: #d38977;
--color-zanci-50: #ffece3;
--color-zanci-100: #ffded2;
--color-zanci-200: #fac7b8;
--color-zanci-300: #e3a796;
--color-zanci-400: #d08a79;
--color-zanci-500: #bc6e5b;
--color-zanci-600: #9f5d4d;
--color-zanci-700: #804a3e;
--color-zanci-800: #5f352d;
--color-zanci-900: #43241e;
--color-zanci-950: #2b130e;
}SCSS
$zanci: #d38977;
$zanci-rgb: 211, 137, 119;
$zanci-light: mix(#fff, $zanci, 20%);
$zanci-dark: mix(#000, $zanci, 20%);
.element {
color: $zanci;
box-shadow: 0 0 0 2px rgba($zanci, 0.35);
}