Adlandırılmış renk · #8F4C3A
Burled Redwood
Burled Redwood, #8F4C3A: rgb(143 76 58), hsl(13 42% 39%), oklch(0.494 0.095 36). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Burled Redwood color name →
#8F4C3A
oklch(0.494 0.095 36)
Renk dönüşümleri
- HEX
- #8f4c3a
- RGB
- rgb(143 76 58)
- HSL
- hsl(13 42% 39%)
- HWB
- hwb(13 23% 44%)
- OKLCH
- oklch(0.494 0.095 36)
- OKLab
- oklab(0.494 0.077 0.056)
- CIE Lab
- lab(40.49 27.59 23.84)
- LCH
- lch(40.49 36.46 40.8)
- CMYK
- cmyk(0% 47% 59% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9B5D4C
- A76E5F
- B28072
- BE9185
- C9A398
- D4B5AC
- DFC7C1
- EADAD5
- F4ECEA
Koyu tonlar
- 7C4131
- 693628
- 572C20
- 452218
- 341810
- 240F09
- 150604
- 070201
- 010000
Gri tonlar
- 8E5241
- 8D5749
- 8C5D50
- 8B6257
- 8A675E
- 886C64
- 87716B
- 857672
- 827B79
Renk uyumları
Tamamlayıcı +180°
- 8F4C3A
Burled Redwood
- 006D81
≈ Azure Green Blue
Analog -30° +30°
- 8F4C3A
Burled Redwood
- 8E4959
≈ Dull Magenta
- 86551C
≈ Precious Copper
Üçlü +120° +240°
- 8F4C3A
Burled Redwood
- 2B714A
≈ Felt
- 535C97
≈ Royal Marquis
Bölünmüş tamamlayıcı +150° +210°
- 8F4C3A
Burled Redwood
- 007169
≈ Tide Pools
- 2D6694
≈ Starry Night
Dörtlü +90° +180° +270°
- 8F4C3A
Burled Redwood
- 546B2A
≈ Green Leaf
- 006D81
≈ Azure Green Blue
- 6F528C
≈ Pure Mauve
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.43:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.26:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--burled-redwood: #8f4c3a;
--burled-redwood-rgb: 143 76 58;
--burled-redwood-oklch: oklch(0.494 0.095 36);
}
.element {
color: var(--burled-redwood);
background-color: hsl(13 42% 39%);
border-color: oklch(0.494 0.095 36);
}Tailwind CSS v4
@theme {
--color-burled-redwood: #8f4c3a;
--color-burled-redwood-50: #ffede2;
--color-burled-redwood-100: #ffded1;
--color-burled-redwood-200: #f9c7b7;
--color-burled-redwood-300: #e3a794;
--color-burled-redwood-400: #d08a77;
--color-burled-redwood-500: #bc6e59;
--color-burled-redwood-600: #9f5e4c;
--color-burled-redwood-700: #804b3c;
--color-burled-redwood-800: #5f362c;
--color-burled-redwood-900: #42251e;
--color-burled-redwood-950: #2b130e;
}SCSS
$burled-redwood: #8f4c3a;
$burled-redwood-rgb: 143, 76, 58;
$burled-redwood-light: mix(#fff, $burled-redwood, 20%);
$burled-redwood-dark: mix(#000, $burled-redwood, 20%);
.element {
color: $burled-redwood;
box-shadow: 0 0 0 2px rgba($burled-redwood, 0.35);
}