Adlandırılmış renk · #763F3D
Sequoia Redwood
Sequoia Redwood, #763F3D: rgb(118 63 61), hsl(2 32% 35%), oklch(0.435 0.077 22.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Sequoia Redwood color name →
#763F3D
oklch(0.435 0.077 22.9)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 84514E
- 926360
- A07573
- AD8885
- BB9B99
- C9AEAC
- D6C2C0
- E4D6D5
- F1EAEA
Koyu tonlar
- 663534
- 562C2B
- 472322
- 381B1A
- 291212
- 1C0A0A
- 0F0404
- 050101
- 010000
Gri tonlar
- 784643
- 794C4A
- 7B5351
- 7C5957
- 7D605E
- 7E6665
- 7F6D6B
- 7F7372
- 807A79
Renk uyumları
Tamamlayıcı +180°
- 763F3D
Sequoia Redwood
- 005D63
≈ Enamelled Jewel
Analog -30° +30°
- 763F3D
Sequoia Redwood
- 723E55
≈ Mulled Plum
- 724426
≈ Fawn Brown
Üçlü +120° +240°
- 763F3D
Sequoia Redwood
- 365C34
≈ Parsley
- 3A507C
≈ St. Tropaz
Bölünmüş tamamlayıcı +150° +210°
- 763F3D
Sequoia Redwood
- 125F4D
≈ Alpine Green
- 1A5875
≈ Broadway
Dörtlü +90° +180° +270°
- 763F3D
Sequoia Redwood
- 52551E
≈ Private Green
- 005D63
≈ Enamelled Jewel
- 534978
≈ Red Cabbage
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.23:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.54:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.23:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}