Nazwany kolor · #763F3D
Sequoia Redwood
Sequoia Redwood to #763F3D: rgb(118 63 61), hsl(2 32% 35%), oklch(0.435 0.077 22.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Sequoia Redwood color name →
#763F3D
oklch(0.435 0.077 22.9)
Konwersje koloru
- HEX
- #763f3d
- RGB
- rgb(118 63 61)
- HSL
- hsl(2 32% 35%)
- HWB
- hwb(2 24% 54%)
- OKLCH
- oklch(0.435 0.077 22.9)
- OKLab
- oklab(0.435 0.071 0.03)
- CIE Lab
- lab(33.73 24.29 12.4)
- LCH
- lch(33.73 27.27 27)
- CMYK
- cmyk(0% 47% 48% 54%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 84514E
- 926360
- A07573
- AD8885
- BB9B99
- C9AEAC
- D6C2C0
- E4D6D5
- F1EAEA
Odcienie ciemniejsze
- 663534
- 562C2B
- 472322
- 381B1A
- 291212
- 1C0A0A
- 0F0404
- 050101
- 010000
Tony
- 784643
- 794C4A
- 7B5351
- 7C5957
- 7D605E
- 7E6665
- 7F6D6B
- 7F7372
- 807A79
Harmonie kolorów
Komplementarna +180°
- 763F3D
Sequoia Redwood
- 005D63
≈ Enamelled Jewel
Analogowa -30° +30°
- 763F3D
Sequoia Redwood
- 723E55
≈ Mulled Plum
- 724426
≈ Fawn Brown
Triada +120° +240°
- 763F3D
Sequoia Redwood
- 365C34
≈ Parsley
- 3A507C
≈ St. Tropaz
Komplementarna rozszczepiona +150° +210°
- 763F3D
Sequoia Redwood
- 125F4D
≈ Alpine Green
- 1A5875
≈ Broadway
Tetrada +90° +180° +270°
- 763F3D
Sequoia Redwood
- 52551E
≈ Private Green
- 005D63
≈ Enamelled Jewel
- 534978
≈ Red Cabbage
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.23:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.54:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.23:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--sequoia-redwood: #763f3d;
--sequoia-redwood-rgb: 118 63 61;
--sequoia-redwood-oklch: oklch(0.435 0.077 22.9);
}
.element {
color: var(--sequoia-redwood);
background-color: hsl(2 32% 35%);
border-color: oklch(0.435 0.077 22.9);
}Tailwind CSS v4
@theme {
--color-sequoia-redwood: #763f3d;
--color-sequoia-redwood-50: #ffedea;
--color-sequoia-redwood-100: #ffdfdb;
--color-sequoia-redwood-200: #f4c8c4;
--color-sequoia-redwood-300: #dca9a4;
--color-sequoia-redwood-400: #c88d89;
--color-sequoia-redwood-500: #b4716e;
--color-sequoia-redwood-600: #98605d;
--color-sequoia-redwood-700: #7a4d4b;
--color-sequoia-redwood-800: #5a3737;
--color-sequoia-redwood-900: #3f2625;
--color-sequoia-redwood-950: #281414;
}SCSS
$sequoia-redwood: #763f3d;
$sequoia-redwood-rgb: 118, 63, 61;
$sequoia-redwood-light: mix(#fff, $sequoia-redwood, 20%);
$sequoia-redwood-dark: mix(#000, $sequoia-redwood, 20%);
.element {
color: $sequoia-redwood;
box-shadow: 0 0 0 2px rgba($sequoia-redwood, 0.35);
}