Nazwany kolor · #874C44
Savanna
Savanna to #874C44: rgb(135 76 68), hsl(7 33% 40%), oklch(0.484 0.082 28.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Savanna color name →
#874C44
oklch(0.484 0.082 28.6)
Konwersje koloru
- HEX
- #874c44
- RGB
- rgb(135 76 68)
- HSL
- hsl(7 33% 40%)
- HWB
- hwb(7 27% 47%)
- OKLCH
- oklch(0.484 0.082 28.6)
- OKLab
- oklab(0.484 0.072 0.039)
- CIE Lab
- lab(39.45 24.88 16.18)
- LCH
- lch(39.45 29.68 33)
- CMYK
- cmyk(0% 44% 50% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 935D55
- A06E66
- AC7F78
- B8918A
- C4A29D
- D0B4B0
- DCC7C3
- E8D9D7
- F3ECEB
Odcienie ciemniejsze
- 75413A
- 633630
- 512C26
- 41221D
- 311814
- 210F0C
- 130605
- 060202
- 010000
Tony
- 87524A
- 875750
- 875C56
- 86615C
- 866762
- 856C68
- 84716E
- 837674
- 827B7A
Harmonie kolorów
Komplementarna +180°
- 874C44
Savanna
- 086B77
≈ Mary Blue
Analogowa -30° +30°
- 874C44
Savanna
- 844A5E
≈ Frenzied Red
- 81532C
≈ Lion’s Lair
Triada +120° +240°
- 874C44
Savanna
- 3C6C44
≈ Arcala Green
- 4B5D8D
≈ Gem
Komplementarna rozszczepiona +150° +210°
- 874C44
Savanna
- 176E5F
≈ Forest Splendour
- 2C6588
≈ Drake’s Neck
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.67:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--savanna: #874c44;
--savanna-rgb: 135 76 68;
--savanna-oklch: oklch(0.484 0.082 28.6);
}
.element {
color: var(--savanna);
background-color: hsl(7 33% 40%);
border-color: oklch(0.484 0.082 28.6);
}Tailwind CSS v4
@theme {
--color-savanna: #874c44;
--color-savanna-50: #ffede7;
--color-savanna-100: #ffdfd8;
--color-savanna-200: #f5c8c0;
--color-savanna-300: #dea89e;
--color-savanna-400: #ca8c83;
--color-savanna-500: #b67167;
--color-savanna-600: #9a6058;
--color-savanna-700: #7b4c46;
--color-savanna-800: #5c3733;
--color-savanna-900: #402623;
--color-savanna-950: #291412;
}SCSS
$savanna: #874c44;
$savanna-rgb: 135, 76, 68;
$savanna-light: mix(#fff, $savanna, 20%);
$savanna-dark: mix(#000, $savanna, 20%);
.element {
color: $savanna;
box-shadow: 0 0 0 2px rgba($savanna, 0.35);
}