Colore con nome · #595438
Batu Cave
Batu Cave è #595438: rgb(89 84 56), hsl(51 23% 28%), oklch(0.443 0.043 99.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Batu Cave color name →
#595438
oklch(0.443 0.043 99.3)
Conversioni di colore
- HEX
- #595438
- RGB
- rgb(89 84 56)
- HSL
- hsl(51 23% 28%)
- HWB
- hwb(51 22% 65%)
- OKLCH
- oklch(0.443 0.043 99.3)
- OKLab
- oklab(0.443 -0.007 0.043)
- CIE Lab
- lab(35.63 -1.46 17.18)
- LCH
- lch(35.63 17.24 94.9)
- CMYK
- cmyk(0% 6% 37% 65%)
Tinte · Ombre · Toni
Tinte
- 68644A
- 78745C
- 87846F
- 989583
- A8A696
- B9B7AB
- CAC8BF
- DBDAD4
- EDEDE9
Ombre
- 4C482F
- 403C27
- 34311F
- 282617
- 1D1B0F
- 131108
- 090804
- 030201
- 000000
Toni
- 5D583F
- 615D46
- 64614D
- 686555
- 6C6A5C
- 706E63
- 74736A
- 787771
- 7C7C79
Armonie di colore
Complementare +180°
- 595438
Batu Cave
- 4E516B
≈ Intergalactic
Analogo -30° +30°
- 595438
Batu Cave
- 634F39
≈ Corral
- 4C583F
≈ Heavy Green
Triadico +120° +240°
- 595438
Batu Cave
- 375964
≈ Cadet Song
- 644A5B
≈ Plum Rich
Complementare divisa +150° +210°
- 595438
Batu Cave
- 41566B
≈ Inkjet
- 5A4D66
≈ Paparazzi
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.63:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.75:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--batu-cave: #595438;
--batu-cave-rgb: 89 84 56;
--batu-cave-oklch: oklch(0.443 0.043 99.3);
}
.element {
color: var(--batu-cave);
background-color: hsl(51 23% 28%);
border-color: oklch(0.443 0.043 99.3);
}Tailwind CSS v4
@theme {
--color-batu-cave: #595438;
--color-batu-cave-50: #f7f6e8;
--color-batu-cave-100: #ebe9d8;
--color-batu-cave-200: #d8d5c0;
--color-batu-cave-300: #bcb9a0;
--color-batu-cave-400: #a49f82;
--color-batu-cave-500: #8d8766;
--color-batu-cave-600: #777257;
--color-batu-cave-700: #5f5b45;
--color-batu-cave-800: #464332;
--color-batu-cave-900: #312e22;
--color-batu-cave-950: #1d1b11;
}SCSS
$batu-cave: #595438;
$batu-cave-rgb: 89, 84, 56;
$batu-cave-light: mix(#fff, $batu-cave, 20%);
$batu-cave-dark: mix(#000, $batu-cave, 20%);
.element {
color: $batu-cave;
box-shadow: 0 0 0 2px rgba($batu-cave, 0.35);
}