Adlandırılmış renk · #847451
Woodbridge
Woodbridge, #847451: rgb(132 116 81), hsl(41 24% 42%), oklch(0.565 0.054 86.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Woodbridge color name →
#847451
oklch(0.565 0.054 86.1)
Renk dönüşümleri
- HEX
- #847451
- RGB
- rgb(132 116 81)
- HSL
- hsl(41 24% 42%)
- HWB
- hwb(41 32% 48%)
- OKLCH
- oklch(0.565 0.054 86.1)
- OKLab
- oklab(0.565 0.004 0.054)
- CIE Lab
- lab(49.68 2.46 21.78)
- LCH
- lch(49.68 21.91 83.5)
- CMYK
- cmyk(0% 12% 39% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 908161
- 9B8E72
- A79C83
- B4A994
- C0B7A5
- CCC5B7
- D9D4C8
- E5E2DA
- F2F0ED
Koyu tonlar
- 726445
- 60543A
- 4F452F
- 3F3724
- 2F291A
- 201B10
- 120F07
- 060502
- 010100
Gri tonlar
- 847556
- 83775B
- 837860
- 827965
- 827A69
- 827B6E
- 817D72
- 817E77
- 807F7C
Renk uyumları
Tamamlayıcı +180°
- 847451
Woodbridge
- 677696
≈ Lavender Mauve
Analog -30° +30°
- 847451
Woodbridge
- 8F6E57
≈ Dig It
- 747A56
≈ Loden Green
Üçlü +120° +240°
- 847451
Woodbridge
- 4E7F86
≈ Tapestry Teal
- 876B87
≈ Mauveine
Bölünmüş tamamlayıcı +150° +210°
- 847451
Woodbridge
- 577B92
≈ Titanium Blue
- 787092
≈ Parisian Violet
Dörtlü +90° +180° +270°
- 847451
Woodbridge
- 538175
≈ Frosty Spruce
- 677696
≈ Lavender Mauve
- 906977
≈ Full Glass
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.56:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.59:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.59:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--woodbridge: #847451;
--woodbridge-rgb: 132 116 81;
--woodbridge-oklch: oklch(0.565 0.054 86.1);
}
.element {
color: var(--woodbridge);
background-color: hsl(41 24% 42%);
border-color: oklch(0.565 0.054 86.1);
}Tailwind CSS v4
@theme {
--color-woodbridge: #847451;
--color-woodbridge-50: #fbf5e4;
--color-woodbridge-100: #efe7d4;
--color-woodbridge-200: #ded3bb;
--color-woodbridge-300: #c3b699;
--color-woodbridge-400: #ad9d7a;
--color-woodbridge-500: #96845d;
--color-woodbridge-600: #7f704f;
--color-woodbridge-700: #66593f;
--color-woodbridge-800: #4b412d;
--color-woodbridge-900: #342d1e;
--color-woodbridge-950: #201a0e;
}SCSS
$woodbridge: #847451;
$woodbridge-rgb: 132, 116, 81;
$woodbridge-light: mix(#fff, $woodbridge, 20%);
$woodbridge-dark: mix(#000, $woodbridge, 20%);
.element {
color: $woodbridge;
box-shadow: 0 0 0 2px rgba($woodbridge, 0.35);
}