En yakın adlandırılmış renk · #8B7226
#8B7226
En yakın adlandırılmış renk: Glazed Chestnut
#8B7226 (rgb(139 114 38), hsl(45 57% 35%), oklch(0.562 0.098 90.3)) en çok Glazed Chestnut adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8B7226
oklch(0.562 0.098 90.3)
Renk dönüşümleri
- HEX
- #8b7226
- RGB
- rgb(139 114 38)
- HSL
- hsl(45 57% 35%)
- HWB
- hwb(45 15% 45%)
- OKLCH
- oklch(0.562 0.098 90.3)
- OKLab
- oklab(0.562 -0.001 0.098)
- CIE Lab
- lab(49.4 3.92 43.84)
- LCH
- lch(49.4 44.02 84.9)
- CMYK
- cmyk(0% 18% 73% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96803F
- A18D55
- AD9B6B
- B8A980
- C4B794
- CFC5A9
- DBD3BE
- E7E2D4
- F3F0E9
Koyu tonlar
- 786220
- 665319
- 544413
- 43360D
- 322808
- 231B04
- 140E02
- 070401
- 010100
Gri tonlar
- 8A7433
- 89753E
- 887748
- 877851
- 867A59
- 847B61
- 837C69
- 827E71
- 817F79
Renk uyumları
Tamamlayıcı +180°
- 8B7226
Glazed Chestnut
- 5F71AF
≈ Dormitory
Analog -30° +30°
- 8B7226
Glazed Chestnut
- 9E6634
≈ Caramel Kisses
- 6D7D37
≈ Moss Landing
Üçlü +120° +240°
- 8B7226
Glazed Chestnut
- 008495
≈ Painted Sea
- 955F90
≈ Plum Savour
Bölünmüş tamamlayıcı +150° +210°
- 8B7226
Glazed Chestnut
- 377CA9
≈ Beijing Blue
- 7E67A6
≈ Purple Paradise
Dörtlü +90° +180° +270°
- 8B7226
Glazed Chestnut
- 128777
≈ Green Ink
- 5F71AF
≈ Dormitory
- A35B72
≈ Rose Wine
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.53:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--glazed-chestnut: #8b7226;
--glazed-chestnut-rgb: 139 114 38;
--glazed-chestnut-oklch: oklch(0.562 0.098 90.3);
}
.element {
color: var(--glazed-chestnut);
background-color: hsl(45 57% 35%);
border-color: oklch(0.562 0.098 90.3);
}Tailwind CSS v4
@theme {
--color-glazed-chestnut: #8b7226;
--color-glazed-chestnut-50: #fff5d6;
--color-glazed-chestnut-100: #f3e8c3;
--color-glazed-chestnut-200: #e3d4a5;
--color-glazed-chestnut-300: #c9b67d;
--color-glazed-chestnut-400: #b59c57;
--color-glazed-chestnut-500: #9f832d;
--color-glazed-chestnut-600: #866f28;
--color-glazed-chestnut-700: #6c5920;
--color-glazed-chestnut-800: #504015;
--color-glazed-chestnut-900: #382c0d;
--color-glazed-chestnut-950: #231902;
}SCSS
$glazed-chestnut: #8b7226;
$glazed-chestnut-rgb: 139, 114, 38;
$glazed-chestnut-light: mix(#fff, $glazed-chestnut, 20%);
$glazed-chestnut-dark: mix(#000, $glazed-chestnut, 20%);
.element {
color: $glazed-chestnut;
box-shadow: 0 0 0 2px rgba($glazed-chestnut, 0.35);
}