Najbliższy nazwany kolor · #64332B
#64332B
Najbliższy nazwany kolor: Hairy Heath
#64332B (rgb(100 51 43), hsl(8 40% 28%), oklch(0.382 0.072 30.5)) jest najbliższy nazwanemu kolorowi Hairy Heath. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#64332B
oklch(0.382 0.072 30.5)
Konwersje koloru
- HEX
- #64332b
- RGB
- rgb(100 51 43)
- HSL
- hsl(8 40% 28%)
- HWB
- hwb(8 17% 61%)
- OKLCH
- oklch(0.382 0.072 30.5)
- OKLab
- oklab(0.382 0.062 0.037)
- CIE Lab
- lab(27.72 21.87 15.42)
- LCH
- lch(27.72 26.76 35.2)
- CMYK
- cmyk(0% 49% 57% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 73463E
- 835951
- 926C65
- A28079
- B1948E
- C1A9A4
- D0BEBA
- E0D3D1
- EFE9E8
Odcienie ciemniejsze
- 562B24
- 48231D
- 3B1C16
- 2E1410
- 220D0A
- 160705
- 0B0302
- 030101
- 000000
Tony
- 683B33
- 6B423B
- 6E4A44
- 71524C
- 745954
- 77615D
- 796966
- 7C706E
- 7E7877
Harmonie kolorów
Komplementarna +180°
- 64332B
Hairy Heath
- 004C57
≈ Watercolour Blue
Analogowa -30° +30°
- 64332B
Hairy Heath
- 623141
≈ Clinker Red
- 5F3916
≈ Chocolate Fantasies
Triada +120° +240°
- 64332B
Hairy Heath
- 224E2E
≈ Cal Poly Pomona Green
- 34406A
≈ Bay of Many
Komplementarna rozszczepiona +150° +210°
- 64332B
Hairy Heath
- 004F45
≈ Fjord Green
- 184766
≈ Terror From the Deep
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.24:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.05:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.24:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--hairy-heath: #64332b;
--hairy-heath-rgb: 100 51 43;
--hairy-heath-oklch: oklch(0.382 0.072 30.5);
}
.element {
color: var(--hairy-heath);
background-color: hsl(8 40% 28%);
border-color: oklch(0.382 0.072 30.5);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #64332b;
--color-hairy-heath-50: #ffeee8;
--color-hairy-heath-100: #ffe0d9;
--color-hairy-heath-200: #f2cac1;
--color-hairy-heath-300: #daaba0;
--color-hairy-heath-400: #c68f85;
--color-hairy-heath-500: #b17469;
--color-hairy-heath-600: #966259;
--color-hairy-heath-700: #784f47;
--color-hairy-heath-800: #593934;
--color-hairy-heath-900: #3e2723;
--color-hairy-heath-950: #271512;
}SCSS
$hairy-heath: #64332b;
$hairy-heath-rgb: 100, 51, 43;
$hairy-heath-light: mix(#fff, $hairy-heath, 20%);
$hairy-heath-dark: mix(#000, $hairy-heath, 20%);
.element {
color: $hairy-heath;
box-shadow: 0 0 0 2px rgba($hairy-heath, 0.35);
}