Nazwany kolor · #6F4232
Heartwood
Heartwood to #6F4232: rgb(111 66 50), hsl(16 38% 32%), oklch(0.428 0.068 40.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Heartwood color name →
#6F4232
oklch(0.428 0.068 40.3)
Konwersje koloru
- HEX
- #6f4232
- RGB
- rgb(111 66 50)
- HSL
- hsl(16 38% 32%)
- HWB
- hwb(16 20% 56%)
- OKLCH
- oklch(0.428 0.068 40.3)
- OKLab
- oklab(0.428 0.052 0.044)
- CIE Lab
- lab(33.21 18.69 18.39)
- LCH
- lch(33.21 26.22 44.5)
- CMYK
- cmyk(0% 41% 55% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7D5345
- 8C6557
- 9A776B
- A8897F
- B69C93
- C5AFA8
- D3C3BD
- E2D7D3
- F0EBE9
Odcienie ciemniejsze
- 60382A
- 512F22
- 42251B
- 341C14
- 27140D
- 1A0B07
- 0E0503
- 040101
- 010000
Tony
- 71483A
- 734F41
- 755549
- 775B51
- 796159
- 7B6760
- 7C6D68
- 7E7470
- 7F7A78
Harmonie kolorów
Komplementarna +180°
- 6F4232
Heartwood
- 195869
≈ Bright Nautilus
Analogowa -30° +30°
- 6F4232
Heartwood
- 6F3F47
≈ Pirat’s Wine
- 674822
≈ Cafe Royale
Triada +120° +240°
- 6F4232
Heartwood
- 295B43
≈ Greenbriar
- 484B74
≈ Purple Berry
Komplementarna rozszczepiona +150° +210°
- 6F4232
Heartwood
- 125B58
≈ Dark Turquoise
- 315273
≈ Aerostatics
Tetrada +90° +180° +270°
- 6F4232
Heartwood
- 43572E
≈ Trefoil
- 195869
≈ Bright Nautilus
- 5B456B
≈ Velvet Beret
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.39:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.50:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.39:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--heartwood: #6f4232;
--heartwood-rgb: 111 66 50;
--heartwood-oklch: oklch(0.428 0.068 40.3);
}
.element {
color: var(--heartwood);
background-color: hsl(16 38% 32%);
border-color: oklch(0.428 0.068 40.3);
}Tailwind CSS v4
@theme {
--color-heartwood: #6f4232;
--color-heartwood-50: #ffefe6;
--color-heartwood-100: #fde1d6;
--color-heartwood-200: #efcbbe;
--color-heartwood-300: #d7ad9c;
--color-heartwood-400: #c29180;
--color-heartwood-500: #ad7764;
--color-heartwood-600: #936555;
--color-heartwood-700: #765143;
--color-heartwood-800: #573a31;
--color-heartwood-900: #3d2821;
--color-heartwood-950: #261611;
}SCSS
$heartwood: #6f4232;
$heartwood-rgb: 111, 66, 50;
$heartwood-light: mix(#fff, $heartwood, 20%);
$heartwood-dark: mix(#000, $heartwood, 20%);
.element {
color: $heartwood;
box-shadow: 0 0 0 2px rgba($heartwood, 0.35);
}