Adlandırılmış renk · #824B2E
Pookie Bear
Pookie Bear, #824B2E: rgb(130 75 46), hsl(21 48% 35%), oklch(0.471 0.086 47.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Pookie Bear color name →
#824B2E
oklch(0.471 0.086 47.6)
Renk dönüşümleri
- HEX
- #824b2e
- RGB
- rgb(130 75 46)
- HSL
- hsl(21 48% 35%)
- HWB
- hwb(21 18% 49%)
- OKLCH
- oklch(0.471 0.086 47.6)
- OKLab
- oklab(0.471 0.058 0.063)
- CIE Lab
- lab(38.16 21.85 27.53)
- LCH
- lch(38.16 35.15 51.6)
- CMYK
- cmyk(0% 42% 65% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8F5C42
- 9C6D56
- A87E6A
- B5907E
- C1A293
- CEB4A8
- DAC6BD
- E6D9D3
- F3ECE9
Koyu tonlar
- 704027
- 5F351F
- 4E2B18
- 3E2112
- 2F170B
- 200E06
- 120602
- 060201
- 010000
Gri tonlar
- 825137
- 83563F
- 835C48
- 836150
- 836658
- 836B60
- 827168
- 827670
- 817B78
Renk uyumları
Tamamlayıcı +180°
- 824B2E
Pookie Bear
- 116481
≈ Journey Into Night
Analog -30° +30°
- 824B2E
Pookie Bear
- 854649
≈ Red Elegance
- 765419
≈ Lizard Brown
Üçlü +120° +240°
- 824B2E
Pookie Bear
- 1A6A51
≈ Tractor Green
- 595389
≈ Fine Purple
Bölünmüş tamamlayıcı +150° +210°
- 824B2E
Pookie Bear
- 00696B
≈ Aqua Obscura
- 3B5C8B
≈ Antilles Blue
Dörtlü +90° +180° +270°
- 824B2E
Pookie Bear
- 436635
≈ Dell
- 116481
≈ Journey Into Night
- 6F4B7B
≈ Cabbage Blossom Violet
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.01:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.99:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.01:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--pookie-bear: #824b2e;
--pookie-bear-rgb: 130 75 46;
--pookie-bear-oklch: oklch(0.471 0.086 47.6);
}
.element {
color: var(--pookie-bear);
background-color: hsl(21 48% 35%);
border-color: oklch(0.471 0.086 47.6);
}Tailwind CSS v4
@theme {
--color-pookie-bear: #824b2e;
--color-pookie-bear-50: #ffefe0;
--color-pookie-bear-100: #ffe0cf;
--color-pookie-bear-200: #f4cab4;
--color-pookie-bear-300: #dcab91;
--color-pookie-bear-400: #c98f72;
--color-pookie-bear-500: #b57453;
--color-pookie-bear-600: #996247;
--color-pookie-bear-700: #7b4f38;
--color-pookie-bear-800: #5b3929;
--color-pookie-bear-900: #40271b;
--color-pookie-bear-950: #29150c;
}SCSS
$pookie-bear: #824b2e;
$pookie-bear-rgb: 130, 75, 46;
$pookie-bear-light: mix(#fff, $pookie-bear, 20%);
$pookie-bear-dark: mix(#000, $pookie-bear, 20%);
.element {
color: $pookie-bear;
box-shadow: 0 0 0 2px rgba($pookie-bear, 0.35);
}